Làm thế nào tôi có thể áp dụng jquery trên tất cả các phần tử có cùng thuộc tính id?

Question

Làm cách nào tôi có thể áp dụng jquery trên tất cả các phần tử có cùng thuộc tính id?

tôi muốn áp dụng hàm focus() và blur() trên textarea thành phần có cùng id?

Answer 1

Trước tiên, bạn không nên có nhiều hơn một nguyên tố với cùng ID.

Tuy nhiên, bạn có thể làm điều này với các lớp CSS:

<div> 
<textarea class="Text"></textarea> 
<textarea class="Text"></textarea> 
<textarea class="Text"></textarea> 
</div> 

<script> 
    $(".Text").focus(); 
    $(".Text").blur(); 
</script> 

Answer 2

Bạn không thể có nhiều hơn một phần tử có cùng ID, bạn nên sử dụng các lớp, sau đó truy cập chúng như vậy.

$(".classname").focus() 

Và nếu bạn muốn tập trung vào một ID duy nhất sử dụng

$("#idname").focus() 

Answer 3

Bạn không thể/không nên có nhiều yếu tố với cùng id. Bạn có thể sử dụng một bộ chọn lớp nhưng tôi chắc chắn sẽ sửa chữa vấn đề id đầu tiên.

Answer 4

bạn không thể có nhiều hơn một phần tử với cùng một id không chỉ là html không hợp lệ nhưng nếu bạn trageted nó bằng cách sử dụng jquery nó sẽ chỉ có hiệu lực đầu tiên. bạn nên sử dụng lớp học

$('.class_name').blur(); 

Answer 5

Tốt nhất là không sử dụng cùng một id cho 2 thành phần trên cùng một trang. các hình thức khác mà bộ các nút textarea có thể

$('textarea').blur() // note it sets all textarea elements on the page 

hoặc

$('#content textarea, #comment-area textarea').blur() 

hoặc nếu bạn tạo ra một lớp cho các nút textarea, bạn có thể sử dụng quá.

Answer 6

Câu trả lời đúng sẽ là

$("[id=yourID]").doSomething() 

cho bất kỳ mã như

<textarea id="yourID" /> 
<img id="yourID" /> 
<div id="yourID" /> 

có, tôi biết, đây không phải là html hợp lệ nhưng lưu ý rằng chúng tầng lớp trung lưu-nhà phát triển thường phải đối phó với các vấn đề phát triển "tốt hơn" được thực hiện. Kiểm tra Microsoft SharePoint chẳng hạn, trong đó nhiều ID rất phổ biến. Và chúng tôi không thể nói với khách hàng rằng Microsoft đã làm kém nên chúng tôi không thể giúp họ. Chúng tôi nói với họ rằng Microsoft đã làm kém nên chúng tôi phải giúp họ ;-)

Answer 7

Điều này rất đơn giản nếu bạn muốn sử dụng `$ (" # yourID "). Click (function() {});

Answer 8

sử dụng jQuery đại biểu

cú pháp

jQuery('body').delegate("#your-id","click",function(e){ // do code here });