如何僅考慮可見元素來獲取當前元素的索引？

Question

我正在使用jQuery創建簡單的投資組合並使用next next options顯示視圖燈箱。

當用戶點擊某個項目時，我需要獲取項目的索引，但只考慮可見元素。

點擊後，我採取

$(this).parents("li").filter(":visible").index(); 

但算上隱藏要素。

如何獲得索引只計數可見元素？

Answer 1

我發現類似的問題

Using jQuery to select items that have style "visibility:visible" or "visibility:hidden" NOT "display: none"

var projectIndex = $("#grid li").filter(function() { 
      return !($(this).css('visibility') == 'hidden' || $(this).css('display') == 'none'); 
     }).index(item) + 1; 

項目是持有點擊的元素變化。

我希望對某人有用。

Answer 2

您可以使用這樣的，

var parents = $(this).closest(".portfolio-items").find("li:visible"); 
    var parent = $(this).closest("li"); 
    alert(parents.index(parent)); 

這將返回基於一組元素的通行證項目的索引。

Fiddle