compréhension Aide JQuery Attribute Equals Sélecteur

Question

Je veux trouver un <td role="foo" class="one two three four"> dans un <div id="myid">

Ces deux sélecteurs fonctionnent:

$('#myid td[role=foo]') 

$('#myid .two') 

Mais celui-ci n'a pas, pourquoi?

$('#myid .two td[role=foo]') 

Answer 1

Comme un espace dans une chaîne de sélection is a descendant-selector.

Vous devez faire:

$('#myid td.two[role=foo]') 

La façon dont vous l'aviez, vous étiez à la recherche d'<td role="foo"> éléments qui sont descendant de .two.

Answer 2

Parce que votre sélection:

$('#myid .two td[role=foo]') 

recherche un td[role=foo]au sein un élément de classe .twoau sein un élément d'id #myid.

Vous utilisez des sélecteurs descendants, plutôt que de chercher td[role=foo].two qui, je pense, est ce que vous voulez.

Answer 3

Vous voulez:

$("#myid td[role=foo].two")... 

Ce sélecteur:

$('#myid .two td[role=foo]') 

signifie: trouver l'élément avec ID "myid". De là, trouvez tous les descendants avec une classe de "deux". À partir de ces éléments, vous trouverez tous les éléments <td> ayant un attribut role avec la valeur "foo".