jQuery Xác định xem một lớp phù hợp có một id nhất định

Question

jQuery có id tương đương với câu lệnh sau không?

$('#mydiv').hasClass('foo') 

để bạn có thể đặt tên lớp và kiểm tra xem nó có chứa id được cung cấp không.

cái gì đó như:

$('.mydiv').hasId('foo') 

Answer 1

Bạn có thể nướng logic đó vào bộ chọn theo combining multiple selectors. Ví dụ: chúng tôi có thể nhắm mục tiêu tất cả các yếu tố có id đã cho, mà cũng có một lớp cụ thể:

$("#foo.bar"); // Matches <div id="foo" class="bar"> 

Điều này sẽ tương tự như thứ bạn viết trong CSS. Lưu ý rằng nó sẽ không áp dụng cho tất cả các thành phần #foo (mặc dù chỉ có một phần tử) và nó sẽ không áp dụng cho tất cả các phần tử .bar (mặc dù có thể có nhiều phần tử). Nó sẽ chỉ tham chiếu các yếu tố đủ điều kiện trên cả hai thuộc tính.

jQuery cũng có một tuyệt vời .is method cho phép bạn xác định xem phần tử có phẩm chất nhất định hay không. Bạn có thể kiểm tra một bộ sưu tập jQuery với một bộ chọn chuỗi, một phần tử HTML hoặc một đối tượng jQuery khác. Trong trường hợp này, chúng tôi sẽ chỉ kiểm tra đối với bộ chọn chuỗi:

$(".bar:first").is("#foo"); // TRUE if first '.bar' in document is also '#foo' 

Answer 2

tôi có lẽ sẽ sử dụng $('.mydiv').is('#foo'); Điều đó nói rằng nếu bạn biết lý do tại sao Id wouldnt bạn chỉ áp dụng nó vào bộ chọn ở nơi đầu tiên?

Answer 3

$('#' + theMysteryId + '.someClass').each(function() { /* do stuff */ }); 

Answer 4

Chỉ cần nói cuối cùng tôi đã giải quyết điều này bằng chỉ mục().

NOTHING else dường như hoạt động.

Vì vậy, đối với các yếu tố anh chị em, đây là một công việc tốt xung quanh nếu bạn lần đầu tiên lựa chọn bởi một lớp học phổ biến và sau đó muốn sửa đổi một cái gì đó khác nhau cho từng cụ thể.

EDIT: đối với những người không biết (như tôi) chỉ mục() đưa ra giá trị chỉ mục cho từng phần tử khớp với công cụ chọn, tính từ 0, tùy thuộc vào thứ tự của chúng trong DOM. Miễn là bạn biết có bao nhiêu yếu tố có với class = "foo" bạn không cần một id.

Rõ ràng điều này không phải lúc nào cũng hữu ích, nhưng ai đó có thể thấy nó hữu ích.

Answer 5

Hãy nói rằng bạn đang lặp lại thông qua một số đối tượng DOM và bạn muốn tìm và bắt một phần tử với một ID nhất định

<div id="myDiv"> 
    <div id="fo"><div> 
    <div id="bar"><div> 
</div> 

Bạn có thể viết một cái gì đó muốn tìm

$('#myDiv').find('#bar') 

Lưu ý rằng nếu bạn sử dụng bộ chọn lớp, phương thức tìm sẽ trả về tất cả các phần tử phù hợp.

hoặc bạn có thể viết một chức năng iterating rằng sẽ làm việc cao cấp hơn

<div id="myDiv"> 
    <div id="fo"><div> 
    <div id="bar"><div> 
    <div id="fo1"><div> 
    <div id="bar1"><div> 
    <div id="fo2"><div> 
    <div id="bar2"><div> 
</div> 

$('#myDiv div').each(function() { 
    if($(this).attr('id') == 'bar1') 
     //do something with bar1 
}); 

Cùng mã có thể dễ dàng sửa đổi cho selector lớp.

<div id="myDiv"> 
    <div class="fo"><div> 
    <div class="bar"><div> 
    <div class="fo"><div> 
    <div class="bar"><div> 
    <div class="fo"><div> 
    <div class="bar"><div> 
</div> 

$('#myDiv div').each(function() { 
    if($(this).hasClass('bar')) 
     //do something with bar 
}); 

Tôi vui vì bạn đã giải quyết được vấn đề của mình với chỉ mục(), điều gì đã hiệu quả với bạn. Tôi hy vọng điều này sẽ giúp những người khác có cùng vấn đề. Chúc mừng :)

Answer 6

Tôi biết câu hỏi cũ nhưng nó vẫn còn trên đầu trên kết quả của Google, mới hơn jQuery cung cấp .has() chức năng

$('.mydiv').has('#foo') 

Answer 7

Kiểm tra xem ID yếu tố là tồn tại

if ($('#id').attr('id') == 'id') 
 
{ 
 
    //OK 
 
}

Answer 8

Bạn cũng có thể kiểm tra xem phần tử id có được sử dụng hay không bằng cách thực hiện:

if(typeof $(.div).attr('id') == undefined){ 
    //element has no id 
} else { 
    //element has id selector 
} 

tôi sử dụng phương pháp này cho DataTables toàn cầu và DataTables ra lệnh cụ thể