jQuery chọn theo thuộc tính bằng cách sử dụng toán tử AND và OR

Question

Tôi đang nghĩ đến, nếu có thể trong jQuery để chọn các phần tử theo các thuộc tính được đặt tên bằng cách sử dụng AND và OR.

Ví dụ:

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

Tôi muốn chọn tất cả các yếu tố mà myc="blue" nhưng chỉ những người có myid thiết lập để 1 hoặc 3.

Vì vậy, tôi đã cố gắng:

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

nhưng không hoạt động, tương tự tại đây:

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

Có thể không có chức năng lọc đặc biệt không?

Answer 1

VÀ hoạt động

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

HOẶC hoạt động, sử dụng dấu phẩy

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

Như @Vega nhận xét:

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

Answer 2

Làm thế nào về cách viết một bộ lọc như dưới đây,

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

Edit: @Jack Cảm ơn .. hoàn toàn bị mất nó ..

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

DEMO

Answer 3

JQuery sử dụng bộ chọn CSS để chọn các yếu tố, vì vậy bạn chỉ cần sử dụng nhiều hơn một quy tắc bởi tách chúng bằng dấu phẩy, như vậy:

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

Chỉnh sửa:

Xin lỗi, bạn muốn màu xanh và 1 hoặc 3. Làm thế nào về:

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

Đưa hai bộ chọn thuộc tính cùng nhau mang đến cho bạn AND, sử dụng dấu phẩy mang đến cho bạn OR.

Answer 4

Để chọn đúng các yếu tố sử dụng các phép toán logic mà bạn đã nêu, bạn chỉ cần jQuery.filter() cho hoạt động AND, không phải là "chức năng bộ lọc đặc biệt". Bạn cũng cần jQuery.add() cho hoạt động OR.

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

Ngoài ra, nó có thể thực hiện bằng cách viết tắt trong một selector duy nhất, nơi gây nhiễu selectors cùng nhau hoạt động như một AND và tách với một hành vi dấu phẩy như một OR:

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

Answer 5

Các và nhà điều hành trong bộ chọn chỉ là một chuỗi rỗng, và toán tử hoặc là dấu phẩy. Tuy nhiên

Không có nhóm hoặc ưu tiên, vì vậy bạn phải lặp lại một trong các điều kiện:

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

Answer 6

Trong trường hợp đặc biệt của bạn nó sẽ là

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

Answer 7

sử dụng đơn giản .filter()^[docs] (AND) sử dụng số multiple selector^[docs] (OR):

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

Nói chung, bộ chọn chuỗi, li ke a.foo.bar[attr=value] là một số loại AND chọn.

jQuery có extensive documentation về bộ chọn được hỗ trợ, nó đáng để đọc.

Answer 8

Đầu tiên tìm ra điều kiện xảy ra trong mọi tình huống, sau đó lọc các điều kiện đặc biệt:

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