Combinant un sélecteur de classe et un attribut sélecteur jQuery
Est-il possible de combiner à la fois un sélecteur de classe et un attribut sélecteur jQuery?
Par exemple, le code HTML suivant:
<TABLE>
<TR class="myclass" reference="12345"><TD>Row 1</TD></TR>
<TR class="otherclass" reference="12345"><TD>Row 2</TD></TR>
<TR class="myclass" reference="12345"><TD>Row 3</TD></TR>
<TR class="myclass" reference="54321"><TD>Row 4</TD></TR>
</TABLE>
Ce serait le sélecteur, je peux l'utiliser pour sélectionner les lignes 1 et 3 seulement?
J'ai essayé:
$(".myclass [reference=12345]") //returns nothing
$(".myclass, [reference=12345]") //returns all 4 rows (yes, I know the comma means 'or')
Je suis sûr que la réponse est très simple et j'ai essayé de chercher le jQuery, des forums et de la documentation mais je n'arrive pas à comprendre ça. Quelqu'un peut-il aider?
Vous devez vous connecter pour publier un commentaire.
De les combiner. Littéralement combiner eux; joindre ensemble sans aucune ponctuation.
Votre premier sélecteur regarde pour les éléments avec la valeur de l'attribut contenues dans les éléments avec la classe.
L'espace est interprété comme le sélecteur de descendant.
Votre deuxième sélecteur, comme vous l'avez dit, regarde pour les éléments avec soit la valeur de l'attribut ou de la classe, ou les deux.
La virgule est interprété comme le plusieurs sélecteur opérateur — quoi que cela signifie (sélecteurs CSS n'avez pas de notion de "opérateurs"; la virgule est probablement plus connue avec précision comme un délimiteur).
Je pense que vous avez juste besoin de supprimer l'espace. c'est à dire
Il y a un violon ici http://jsfiddle.net/xXEHY/
Ce code fonctionne aussi:
Cela fonctionnera également: