Cách chọn tất cả các phần tử có ID cụ thể trong jQuery?

Question

Tôi đang cố gắng chọn tất cả <div> s có cùng ID trong jQuery. Tôi phải làm nó như thế nào?

tôi đã cố gắng này và nó đã không làm việc

jQuery('#xx').each(function(ind,obj){ 
     //do stuff; 
}); 

Answer 1

Tôi sẽ sử dụng các ID khác nhau nhưng chỉ định mỗi DIV cùng một lớp.

<div id="c-1" class="countdown"></div> 
<div id="c-2" class="countdown"></div> 

này cũng có thêm lợi ích của việc có thể để tái tạo lại các ID dựa tắt của sự trở lại của jQuery ('đếm ngược'). Chiều dài

---

Ok gì về việc thêm nhiều lớp với nhau đồng hồ đếm ngược. IE:

<div class="countdown c-1"></div> 
<div class="countdown c-2"></div> 
<div class="countdown c-1"></div> 

Bằng cách đó bạn tận dụng tối đa cả hai thế giới. Nó thậm chí còn cho phép lặp lại 'IDS'

Answer 2

Tài liệu của bạn không nên chứa hai divs với cùng id. Đây là invalid HTML và do đó, API DOM cơ bản không hỗ trợ nó.

Từ HTML standard:

id = tên [CS] Thuộc tính này gán đặt tên cho một phần tử. Tên này phải là là duy nhất trong tài liệu.

Bạn có thể chỉ định các id khác nhau cho mỗi div và chọn cả hai sử dụng $('#id1, #id2). Hoặc chỉ định cùng một lớp cho cả hai phần tử (ví dụ: .cls) và sử dụng $('.cls') để chọn cả hai phần tử đó.

Answer 3

Bạn có thể chỉ định một lớp CSS duy nhất cho mỗi bộ hẹn giờ riêng biệt không? Bằng cách đó bạn có thể sử dụng bộ chọn cho lớp CSS, điều này sẽ hoạt động tốt với nhiều phần tử div.

Answer 4

Bạn cũng có thể thử gói hai div trong hai div với id duy nhất. Sau đó chọn div bởi $("#div1","#wraper1") và $("#div1","#wraper2")

Ở đây bạn đi:

<div id="wraper1"> 
<div id="div1"> 
</div> 
<div id="wraper2"> 
<div id="div1"> 
</div> 

Answer 5

Mặc dù có câu trả lời đúng khác ở đây (ví dụ như sử dụng các lớp học), từ một điểm học tập của xem nó là tất nhiên có thể có nhiều div với cùng một ID và có thể chọn chúng với jQuery.

Khi bạn sử dụng

jQuery("#elemid") 

nó chọn chỉ phần tử đầu tiên với ID nhất định.

Tuy nhiên, khi bạn chọn bởi thuộc tính (ví dụ id trong trường hợp của bạn), nó sẽ trả về tất cả các yếu tố phù hợp, như vậy:

jQuery("[id=elemid]") 

Điều này tất nhiên làm việc cho lựa chọn trên bất kỳ thuộc tính, và bạn có thể tinh chỉnh thêm lựa chọn của bạn bằng cách chỉ định thẻ được đề cập (ví dụ:div trong trường hợp của bạn)

jQuery("div[id=elemid]") 

Answer 6

Hãy thử điều này để lựa chọn div id đầu tiên

$('div[id^="c-"]') 

Answer 7

$("div[id^=" + controlid + "]") sẽ trả lại tất cả các điều khiển có cùng tên nhưng bạn cần phải đảm bảo rằng các văn bản không nên có mặt trong bất kỳ điều khiển nào