Bộ chọn jQuery - tìm đối tượng không có thuộc tính được chỉ định

Question

Tôi có một số đối tượng trên một trang và tôi muốn thực hiện thao tác bằng jQuery chỉ trên một số trang - đối tượng không có thuộc tính được chỉ định. Vì vậy:

<li style='...'>some text</li> 
<li style='...'>some other text</li> 
<li>some very diffrent text</li> 

và javascript tôi sẽ có:

$('li[style]').hide(); 

đó sẽ ẩn tất cả các yếu tố với một sttribute style. Nhưng nếu tôi muốn ẩn những cái mà không cần, thì bộ chọn của tôi sẽ như thế nào?

Answer 1

jQuery("li:not([style])").hide(); 

Answer 2

Bạn có thể sử dụng: không psuedo-selector để tìm kiếm các yếu tố mà không trận đấu một chọn nhất định. Trong ví dụ của bạn, bạn muốn chọn tất cả các yếu tố li mà không có thuộc tính phong cách, vì vậy bạn muốn sử dụng một cái gì đó như thế này:

$('li:not([style])').hide(); 

Bạn cũng có thể kết hợp với bộ chọn khác:

$('#div input:not(:checked)').show(); 

Đó là một công cụ khá mạnh mẽ!

Answer 3

Hãy thử:

$('li:not([style])').hide(); 

Answer 4

Bạn có thể tìm thấy nó rõ ràng hơn và performant hơn để sử dụng phương pháp .not() thay vì chọn. Như một ví dụ:

$('li').not('[style]').hide(); 

Đây cũng là những gì các nhà phát triển jQuery recommend.