jQuery sélection par attribut à l'aide des opérateurs and ET or

Je suis en train de réfléchir, si c'est possible en jQuery pour sélectionner des éléments par des attributs à l'aide de ET et OU.

Exemple:

<div myid="1" myc="blue">1</div>
<div myid="2" myc="blue">2</div>
<div myid="3" myc="blue">3</div>
<div myid="4">4</div>

J'aimerais pour sélectionner tous les éléments où myc="blue" mais seulement ceux avec myid définie sur 1 ou 3.

J'ai donc essayé:

a=$('[myc="blue"] [myid="1"]  [myid="3"]');

mais il ne fonctionne pas, même ici:

a=$('[myc="blue"] && [myid="1"] || [myid="3"]');

Est-il possible sans l'écriture d'un filtre spécial fonctions?

NB: Vous ne devriez pas faire vos propres attributs comme myc et myid. Si vous utilisez HTML5 préfixer avec data-: data-myc et data-myid.
wow, 8 Réponses en 10 Minutes.. il semble que j'ai posé une question de noob. désolé! :-/
Non, c'est une question intéressante, et la plupart des réponses différentes approches et votre question a obtenu 3 upvotes + 2 fav.. certainement une bonne question.
est-il de la documentation en HTML5 qui vous dit que vous devriez le faire de cette façon? La plupart des sites que je vois utiliser quel que soit le développeur du cerveau pense à l'époque...
Tout simplement parce que les gens le font, cela ne signifie pas que c'est correct. Voir HTML5 Section 3.2.1: "les Auteurs ne doivent pas utiliser des éléments, des attributs, ou les valeurs d'attribut qui ne sont pas autorisées par la présente spécification ou d'autres normes applicables, ce qui rend beaucoup plus difficile pour la langue, pour être étendu dans le futur."
C'est un mauvais exemple d'une bonne question. Ce sur les différents types d'éléments comme les entrées?

InformationsquelleAutor The Bndr | 2012-05-21

166

ET opération
```
a=$('[myc="blue"][myid="1"][myid="3"]');
```
OU fonctionnement, de l'utilisation des virgules
```
a=$('[myc="blue"],[myid="1"],[myid="3"]');
```
Comme @Vega a déclaré:
```
a=$('[myc="blue"][myid="1"],[myc="blue"][myid="3"]');
```
- Je pense que, il est le myc == blue && (id == 1 || id == 3)
- si j'utilise a=$('[myc="blue"] [myid="1"],[myid="3"]');signifie-t-il ([myc="blue"] AND [myid="1"]) OR [myid="3"] ou ([myc="blue"]) AND ([myid="1"] OR [myid="3"]) je suis à la recherche pour le 2ème //Edit: merci pour cette mise à jour! 🙂
InformationsquelleAutor Gabe
16

Simple d'utilisation .filtre() ^[docs] (ET) à l'aide de la plusieurs sélecteur ^[docs] (OU):
```
$('[myc="blue"]').filter('[myid="1"],[myid="2"]');
```
En général, le chaînage des sélecteurs, comme a.foo.bar[attr=value] est une sorte de ET le sélecteur.

jQuery a une documentation complète concernant le support des sélecteurs, il vaut la peine de lire.
- savez-vous, si cela est plus rapide que la réponse de gabe?
- Je ne sais pas, peut-être, peut-être pas.
InformationsquelleAutor Felix Kling

Comment sur l'écriture d'un filtre comme ci-dessous,

$('[myc="blue"]').filter(function () {
   return (this.id == '1' || this.id == '3');
});

Edit: @Jack Merci.. totalement raté..

$('[myc="blue"]').filter(function() {
   var myId = $(this).attr('myid');   
   return (myId == '1' || myId == '3');
});

DÉMO

C'est myid, pas id 🙂
Totalement raté qu'un seul.. Merci!

InformationsquelleAutor Selvakumar Arumugam

5

L'opérateur et dans un sélecteur est juste une chaîne vide, et l'opérateur ou est la virgule.

Il n'y a cependant pas de regroupement ou de priorité, de sorte que vous devez répéter l'une des conditions:
```
a=$('[myc=blue][myid="1"],[myc=blue][myid="3"]');
```
- avez-vous besoin de ces citations? Je veux dire juste pour la cohérence.. probablement juste moi. >.<
- Vous n'avez pas besoin de devis pour de simples chaînes de caractères comme blue, mais je n'étais pas sûr au sujet des valeurs numériques, donc je l'ai gardé.
InformationsquelleAutor Guffa
5

D'abord trouver la condition qui se produit dans toutes les situations, puis filtre les conditions particulières:
```
$('[myc="blue"]')
    .filter('[myid="1"],[myid="3"]');
```
InformationsquelleAutor Ja͢ck
1

Dans votre cas particulier, il serait
```
a=$('[myc="blue"][myid="1"],[myc="blue"][myid="3"]');
```
InformationsquelleAutor Paul
0

JQuery utilise les sélecteurs CSS pour sélectionner des éléments, vous avez juste besoin d'utiliser plus d'une règle en les séparant par des virgules, comme suit:
```
a=$('[myc="blue"], [myid="1"], [myid="3"]');
```
Edit:

Désolé, vous avez voulu bleu et 1 ou 3. Que diriez-vous:
```
a=$('[myc="blue"][myid="1"],  [myid="3"]');
```
De mettre les deux sélecteurs d'attribut donne vous ET, à l'aide d'une virgule vous donne OU.
- Je pense que, il est le myc == blue && (id == 1 || id == 3)
- Merci Vega, mis à jour.
- Vous devez répéter le [myc="blue"] sélecteur dans le deuxième exemple.
InformationsquelleAutor philnash
-1

Pour sélectionner les éléments à l'aide de la logique des opérations que vous avez dit, vous avez juste besoin jQuery.filter() pour la AND opération, pas de "filtre spécial fonctions". Vous avez également besoin d' jQuery.add() pour la OR opération.
```
var elements = $('[myc="blue"]').filter('[myid="1"').add('[myid="3"');
```
Alternativement, il est possible de réaliser à l'aide de commodité dans un seul sélecteur de brouillage sélecteurs ensemble agit comme un AND, et de les séparer par une virgule agit comme un OR:
```
var elements = $('[myc="blue"][myid="1"], [myid="3"]');
```
InformationsquelleAutor mVChr

Vous devez vous connecter pour publier un commentaire.