javascript - 在 javascript 数组中查找元素并返回匹配元素的位置

Question

我正在绞尽脑汁地思考这个问题，但希望在几次失败的尝试后有人能提供帮助。

我有一个像这样的 HTML 列表:

<ul>
<li><span class="current"></span></li>
<li><span class="normal"></span></li>
</ul>

我正在尝试找出一种方法来查找此列表中的 li 元素，该元素的跨度与当前类及其在 ul 中的编号相同。因此，在本例中，它将是 1。

我尝试使用不同的 jquery 函数，但似乎一事无成。这就是现在的样子:

var list = $('ul li');
$.each(list, function(key, value) {
    if( $(this).find('.current') ) {
        alert(key);
    }
});

这只是警报 0 和 1，本质上意味着它不起作用。有谁知道我在做什么有什么问题吗？

Answer 1

这将是 0 而不是 1 (JavaScript 是零索引)，但是:

$('li:has(span.current)').index();

JS Fiddle demo ，以及 larger-table example .

或者你可以使用:

$('span.current').parent().index();

JS Fiddle demo ，以及 larger-table example .

或者:

$('span.current').closest('li').index();

JS Fiddle demo ，以及 larger-table example .

引用文献:

• closest() .
• :has() selector .
• index() .
• parent() .