2012-04-25 34 views
5

Tengo algunos elementos HTML en mi código como esteseleccionar todos los elementos HTML basado en el valor rel

<div rel="test1">item1</div> 
<div rel="test1">item2</div> 
<div rel="test1">item3</div> 
<div rel="test2">item4</div> 
<div rel="test2">item5</div> 

y necesito una manera de seleccionar todos los divs que utilizan rel="test1" y añadir una clase a ellos cómo puede Lo hago con jQuery?

Respuesta

6
$('div[rel=\'test1\']') 

http://api.jquery.com/category/selectors/attribute-selectors/

continuación, puede agregar una clase con .addClass(). http://api.jquery.com/addClass/

+2

No es necesario para escapar del ' '' 'puede utilizar" 'u omitir hacerlo funcionar .las comillas se deben usar para el valor de dos palabras. – gdoron

+2

@ gdoron, es una cuestión de preferencia. – Brad

+0

¿Por qué el voto a favor? ¿Es esta respuesta de alguna manera incorrecta? Lo dudo. – Brad

1
$(function(){ 
    $("div[rel='test1']").addClass("newClass");  
}); 

muestra http://jsfiddle.net/4WEBk/13/

+1

Aunque es cierto, no mostró el bit 'addClass'. :) podría ser una buena idea agregarlo a tu respuesta. – gdoron

+0

Ya, creo que también. –

+0

Acabo de mostrar cómo acceder a los elementos con esa selección purticular. Descubrió ahora que él quiere agregar clase también. Gracias chicos por señalar. Yo actualice. – Shyju

4
​$('div[rel="test1"]')​.addClass("myClass");​ 

Demo

Cuestiones relacionadas