ANDおよびOR演算子を使用したjQueryの属性による選択

jQueryでANDおよびORを使用して名前付き属性で要素を選択できるかどうかについて考えています。

例：

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

すべての要素を選択したいのですが、1または3に設定されてmyc="blue"いる要素のみを選択しますmyid。

だから私は試した：

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

しかし、それは機能しません、ここで同じです：

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

特別なフィルター関数を書かなくても可能ですか？

AND演算

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

OR演算、カンマを使用

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

@Vegaがコメントしたように：

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

複数のセレクター^{[ドキュメント]}（OR）を使用した簡単な.filter() ^{[ドキュメント]}（AND ）：

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

一般的に、セレクターのチェーンa.foo.bar[attr=value]は、ある種のANDセレクターのようなものです。

jQueryには、サポートされているセレクターに関する広範なドキュメントがあります。一読の価値があります。

以下のようなフィルターを書いてみませんか、

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

編集： @ジャックありがとう..完全にそれを逃した..

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

デモ

セレクタのand演算子は空の文字列で、or演算子はカンマです。

ただし、グループ化や優先順位はないため、次のいずれかの条件を繰り返す必要があります。

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

まず、すべての状況で発生する条件を見つけてから、特別な条件をフィルタリングします。

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

あなたの特別なケースでは

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

jQueryはCSSセレクターを使用して要素を選択するため、次のようにコンマで区切って複数のルールを使用する必要があります。

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

編集：

青と1または3が必要でした。

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

2つの属性セレクターを組み合わせるとANDが得られ、カンマを使用するとORが得られます。

述べた論理演算を使用して要素を適切に選択するには、「特殊なフィルター関数」ではなくjQuery.filter()、AND演算のみが必要です。操作にも必要jQuery.add()ですOR。

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

または、単一のセレクターで短縮形を使用して達成することもできます。この場合、妨害セレクターはまとめてとして機能ANDし、コンマで区切るととして機能しますOR。

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