jQuery เลือกตามแอตทริบิวต์โดยใช้ตัวดำเนินการ AND และ OR

ฉันกำลังคิดว่าถ้าเป็นไปได้ใน 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>

ฉันต้องการเลือกองค์ประกอบทั้งหมดโดยที่myc="blue"แต่เฉพาะองค์ประกอบที่myidตั้งค่าเป็น 1 หรือ 3

ฉันจึงลอง:

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

แต่ไม่ได้ผลเหมือนกันที่นี่:

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

เป็นไปได้หรือไม่โดยไม่ต้องเขียนฟังก์ชันตัวกรองพิเศษ

และการทำงาน

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

หรือการดำเนินการให้ใช้เครื่องหมายจุลภาค

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

ตามที่ @Vega แสดงความคิดเห็น:

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

ใช้งานง่าย.filter() ^[docs] (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');
});

Edit: @Jack Thanks .. พลาดโดยสิ้นเชิง ..

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

การสาธิต

และโอเปอเรเตอร์ในตัวเลือกเป็นเพียงสตริงว่างและตัวดำเนินการหรือคือเครื่องหมายจุลภาค

อย่างไรก็ตามไม่มีการจัดกลุ่มหรือลำดับความสำคัญดังนั้นคุณต้องทำซ้ำหนึ่งในเงื่อนไข:

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"]');

การใส่ตัวเลือกแอตทริบิวต์สองตัวเข้าด้วยกันจะทำให้คุณได้ AND การใช้ลูกน้ำจะทำให้คุณได้หรือ

ในการเลือกองค์ประกอบอย่างถูกต้องโดยใช้การดำเนินการเชิงตรรกะที่คุณระบุไว้คุณเพียงแค่ต้องการ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"]');