Làm cách nào để chọn các phần tử trên nhiều giá trị thuộc tính

Question

Với jQuery, rất dễ dàng để chọn các phần tử có giá trị thuộc tính đã cho.

Ví dụ:

var elements = $('div[attr1="value1"]'); 

Nhưng làm thế nào để tôi lựa chọn trên nhiều thuộc tính (ví dụ, attr1 = value1vàattr2 = value2)?

Answer 1

Bạn có thể cho chuỗi ví dụ và lọc như vậy

var elements = $('div[attr1="value1"]').filter('div[attr2="value2"]'); 

Answer 2

Kể từ jquery sử dụng bộ chọn CSS, theo định nghĩa của đặc tả CSS một chọn với nhiều điều kiện này sẽ trông giống như:

$('div[attr1="value1"][attr2="value2"]') 

thấy Thông số CSS để tham khảo thêm: http://www.w3.org/TR/CSS2/selector.html#matching-attrs

Answer 3

Để chọn nhiều thuộc tính, hãy xem mã bên dưới.

Mã này sẽ tìm tất cả các yếu tố đầu vào có thuộc tính id và thuộc tính tên kết thúc bằng 'man' và đặt giá trị.

$("input[id][name$='man']").val("this input has id and name ends with 'man'"); 

Answer 4

Tìm giải pháp này khá đơn giản.

$('[attr1="home"],[attr2="settings"]')