jQuery kiểm tra xem Attr Class có tồn tại không?

Question

Làm cách nào để xác định xem có tồn tại .attr('class') không?

Tôi đang sử dụng mã này:

if(jQuery(this).attr('class') != undefined && jQuery(this).hasClass('myclass')) { 
    //Do something 
} 

Nó dường như không làm việc.

Answer 1

Tùy thuộc vào những gì bạn muốn. Bạn có muốn kiểm tra xem một phần tử có thuộc tính lớp, chẳng hạn như:

<div class></div> 
<div class=""></div> 
<div class="abc"></div> 

Nếu vậy, sử dụng:

if ($('div').attr('class') != undefined)... 

Nếu bạn đang cố gắng để kiểm tra xem phần tử có một lớp học cụ thể, sử dụng:

if ($('div').hasClass('abc'))... 

Answer 2

Giá trị trả lại nếu lớp thuộc tính không tồn tại là null hoặc một chuỗi rỗng.

Answer 3

mã này làm việc thực sự: fiddle

HTML:

01.

<div></div> 
<div class="myclass"></div> 
<div class="blah"></div> 
<div></div> 
<div class="myclass"></div> 
<div class="myclass"></div> 
<div></div> 
<div class="myclass andAnotherClass"></div>​ 

JS:

$("div").each(function(){ 
if(jQuery(this).attr('class') != undefined && jQuery(this).hasClass('myclass')) { 
    jQuery(this).html("I have it"); 
     } else { 
      jQuery(this).html("I don't have it"); 
     } 
});​ 

Answer 4

Hãy thử điều này ..

if(jQuery('#id1').attr('class') =="") { 
     alert($('#id1').attr('class')); 
    } 

<div id="id1">test</div>

Answer 5

Bạn có thể kiểm tra xem một phần tử với bất kỳ lớp tồn tại bằng cách chỉ cần gọi 'chiều dài 'trên một đối tượng jquery.

$('.myclass').length