jQuery: Chọn một phần tử chỉ khi nó không có tên lớp

Question

Làm cách nào tôi có thể sử dụng jQuery để chọn một phần tử chỉ khi nó không có bất kỳ lớp nào?

Tôi đang viết một trang cho phép tác giả html ghi đè hành động jQuery mặc định bằng cách thêm lớp vào phần tử. Nó sẽ là bất kỳ lớp học nào cả.

Vì vậy, đánh dấu có thể là:

<ul> 
    <li class="override"></li> 
    <li></li> 
</ul> 

Tôi muốn jQuery để chỉ chọn phần tử danh sách thứ hai bởi vì nó không có một lớp.

Tôi đã xem .hasClass(), nhưng có vẻ như yêu cầu tên lớp cụ thể.

Cảm ơn!

Answer 1

:not() Selector – jQuery API

$('li:not([class])') 

Answer 2

này nên làm điều: $('li').not('li[class]')

Answer 3

này nên làm điều đó:

$('li:not([class]),li[class=""]') 

Demo: http://jsfiddle.net/aMC5X/

Phần đầu tiên, li:not([class]) sử dụng "not selector" Wi th the "has attribute" để tìm bất kỳ phần tử li nào không có thuộc tính class.

Phần thứ hai, li[class=""] tìm thấy bất kỳ phần tử li nào có thuộc tính được đặt thành một chuỗi trống.

Answer 4

Bạn có thể sử dụng này:

if (!jQuery('li').hasClass('myClass') { 
    do something... 
}