jquery - 获取排除确定元素的元素索引

Question

我有这个 HTML 结构:

<ul id="list">
    <li><i class="icon-remove"></i> file1</li>
    <li class="error"><i class="icon-remove"></i> file2</li>
    <li><i class="icon-remove"></i> file3</li>
</ul>

现在，当我单击 .icon-remove 时，我想知道他的父元素 (li) 的索引，不包括(在计数中)li.error。

我尝试过这个:

$("#list li:not(.error) .icon-remove").click(function() {
    alert($(this).parent().index($("#list li:not(.error)")));
});

它仅返回第一个元素 (0) 的正确索引。 You can check in this jsFiddle

Answer 1

DEMO

$("#list li:not(.error) .icon-remove").click(function () {
    var $lis = $(this).closest('ul').find('li:not(.error)'),
        $li = $(this).closest('li');
    alert($lis.index($li));
});