Làm thế nào để chọn nhiều phần tử với jQuery

Question

Tôi mới để JQuery/Javascript vv ... dựa trên các bài viết sau: How to make an anchor tag refer to nothing?

Tôi muốn áp dụng các chức năng java cho một số id. Chúng tôi có thể không thực hiện chức năng thực hiện cho các lớp học như trái ngược với id?

<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 

$('myid').click(function() { 
    /* put your code here */ 
}); 

Về cơ bản như trên, làm cách nào để thực thi hàm ở trên cho TẤT CẢ các liên kết? Điều này có thể không? Cảm ơn trước.

Answer 1

Sử dụng sau

$('.style1').click(function() {  
    /* put your code here */ 
}); 

này thêm một handler nhấp chuột cho tất cả các yếu tố với lớp chứa style1. Bạn không nên có ID trùng lặp

Answer 2

Trước hết, ID phải là duy nhất. Bạn không nên có nhiều phần tử có cùng ID.

Để chọn theo ID trong jQuery, hãy sử dụng ký tự #. $('#myid'). Điều này sẽ nhận được phần tử đầu tiên với ID đó, vì chỉ nên có một (bạn có thể đánh lừa bằng cách thực hiện $('[id="myid"]') để nhận nhiều phần tử có cùng ID).

Tôi khuyên bạn nên sử dụng một lớp học để chọn tất cả các liên kết của bạn. Các lớp được chọn bằng cách sử dụng ký tự ..

$('.style1').click(function(){}); 

Answer 3

bạn nên đặt tên các ID duy nhất,

<span class="style1" id="myid1">Link</span> 
<span class="style1" id="myid2">Link</span> 
<span class="style1" id="myid3">Link</span> 
<span class="style1" id="myid4">Link</span> 
<span class="style1" id="myid5">Link</span> 

sau đó sử dụng mã này

$('#myid1,#myid2,#myid3,#myid4,#myid5').click(function() { 
    /* put your code here */ 
});