jQuery Wybierz według atrybutu przy użyciu operatorów AND i OR

Zastanawiam się, czy w jQuery można wybierać elementy według nazwanych atrybutów za pomocą AND i OR.

Przykład:

<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>

Chciałbym zaznaczyć wszystkie elementy, myc="blue"ale tylko te z myidustawieniem 1 lub 3.

Więc spróbowałem:

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

ale to nie działa, to samo tutaj:

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

Czy jest to możliwe bez pisania specjalnych funkcji filtrujących?

AND operacja

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

Operacja LUB , użyj przecinków

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

Jak skomentował @Vega:

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

Proste użycie .filter() ^[dokumenty] (ORAZ) za pomocą selektora wielokrotnego ^[dokumenty] (LUB):

$('[myc="blue"]').filter('[myid="1"],[myid="2"]');

Ogólnie rzecz biorąc, selektory łańcuchowe, takie jak a.foo.bar[attr=value] to jest pewnego rodzaju selektor AND.

jQuery ma obszerną dokumentację na temat obsługiwanych selektorów, warto ją przeczytać.

Co powiesz na napisanie filtra takiego jak poniżej,

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

Edycja: @Jack Dzięki .. całkowicie to przegapiłem ..

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

PRÓBNY

Operator and w selektorze to po prostu pusty ciąg, a operator lub to przecinek.

Nie ma jednak grupowania ani priorytetu, więc musisz powtórzyć jeden z warunków:

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

Najpierw znajdź warunek występujący we wszystkich sytuacjach, a następnie odfiltruj warunki specjalne:

$('[myc="blue"]')
    .filter('[myid="1"],[myid="3"]');

W twoim szczególnym przypadku tak będzie

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

JQuery używa selektorów CSS do wybierania elementów, więc wystarczy użyć więcej niż jednej reguły, oddzielając je przecinkami, tak jak:

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

Edytować:

Przepraszamy, chciałeś koloru niebieskiego i 1 lub 3. A co z:

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

Połączenie dwóch selektorów atrybutów daje ORAZ, a przecinek - LUB.

Aby prawidłowo wybrać elementy za pomocą operacji logicznych, które zostały powiedziane, wystarczy jQuery.filter()do ANDpracy, a nie „funkcje specjalne filtry”. Potrzebujesz również jQuery.add()do ORoperacji.

var elements = $('[myc="blue"]').filter('[myid="1"').add('[myid="3"');

Alternatywnie można to osiągnąć używając skrótu w pojedynczym selektorze, gdzie zagłuszanie selektorów razem działa jak ANDznak, a oddzielenie przecinkiem działa jak OR:

var elements = $('[myc="blue"][myid="1"], [myid="3"]');