jQuery - 2 bộ chọn giả?

Question

thể trùng lặp:
Combining jQuery :not and :nth-child selectors

có thể như vậy?

Đây là mã của tôi:

$("ul#filterlist li:nth-child(3n)").css("marginTop", "0"); 

Nếu tôi muốn áp dụng điều đó vào danh sách, nhưng chỉ cho những mục VISIBLE trong danh sách (một số được ẩn, tôi không muốn họ tính), làm thế nào nó sẽ đạt được? Tôi đã suy nghĩ một cái gì đó như:

$("ul#filterlist li:nth-child(3n)").not(":hidden").css("marginTop", "0"); 

Nhưng nó sẽ không hoạt động. Tôi sẽ không thử bất cứ điều gì với: hiển thị

Bất kỳ ý tưởng nào? Cảm ơn.

Answer 1

Phương pháp bạn đang tìm kiếm là filter(). Nó sẽ lọc ra một danh sách các đối tượng jQuery dựa trên bộ chọn đã cho. Vì không có bộ chọn "không :hidden" tôi có thể tìm thấy, tôi đã sử dụng đối diện :visible.

$("ul#filterlist li:nth-child(3n)").filter(":visible").css("marginTop", "0"); 

Hy vọng điều này sẽ hữu ích!

Answer 2

thử chaining các: selectors

$("ul#filterlist li:nth-child(3n):not(:hidden)").css("marginTop", "0"); 

như thể hiện trong câu trả lời này:

jQuery - multiple :not selector

Answer 3

Nếu bạn không muốn đếm các yếu tố ẩn bạn có thể thử sử dụng đoạn mã sau.

$("ul#filterlist li:visible").filter(function(index){ 
    return (index+1)%3 == 0?true:false; 
}).css("marginTop", "0"); 

xem ví dụ trong jsfiddle here