Trong jQuery, làm thế nào tôi có thể chọn một phần tử ẩn?

Question

Tôi làm cách nào để chọn <span> trong đó display được đặt thành none trong mã bên dưới?

<p id="p1"> 
<span id="test1" style="display:none">test1</span> 
<span id="test2" >test2</span> 
</p> 

tôi có thể chọn <span> có ID là "test1" bằng cách sử dụng $("span[id='test1']"), nhưng nó không hoạt động khi tôi sử dụng $("span[style='display:none']").

Có phương pháp nào để nhận yếu tố này cùng một lúc không?

Cảm ơn rất nhiều.

Answer 1

Bạn đang tìm kiếm :hidden selector

Xin lưu ý rằng cách đúng đắn trong việc chọn một phần tử bằng ID chỉ đơn giản là:

$("#test1"); 

Làm nó theo cách bạn đang làm là làm cho jQuery làm phân tích cú pháp không cần thiết và chậm hơn nhiều.

Nếu bạn muốn chọn #test1 chỉ khi nó bị ẩn, bạn làm như sau:

$("#test1:hidden"); 

Nếu bạn muốn chọn tất cả <span> yếu tố được ẩn dưới #p1, bạn làm như sau:

$("span:hidden", "#p1"); 

Như đã lưu ý trong phần nhận xét, đối diện của công cụ chọn này là bộ chọn :visible:

$("span:visible", "#p1"); 

Sau đó, chọn bất kỳ phần tử nào có thể nhìn thấy <span> trong phần tử #p1.