jQuery index（）与所有可见的兄弟姐妹相关

Question

我想获取与所有可见兄弟相关的元素索引。

td.index()确实将td的索引提取给所有其他td兄弟。

但是当某些TD被设置为display:none时会怎么样。我想在计算索引时排除它们。 td.index(':visible')似乎不起作用。

Answer 1

var $td = $("#theTD")

$td.siblings(":visible").andSelf().index($td);

以上应该做你所要求的。基本上获取要在其中搜索的元素集，然后在其中获取元素的索引。

http://jsfiddle.net/3NYY9/

编辑：截至jquery 1.8 andSelf已被弃用，addBack应在其位置使用：

var $td = $("#theTD")

$td.siblings(":visible").addBack().index($td);

http://jsfiddle.net/3NYY9/45/

Answer 2

CSS中的可见性和显示非常不同。您要做的是将可见性属性设置为对其他TD元素隐藏，而不是设置display：none