javascript - 使用 jquery 匹配类

Question

我有两个无序列表，有点像:

<ul class="list1">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li class="current">Item 4</li>
    <li>Item 5</li>
</ul>

<ul class="list2">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

目标是使用 jquery 来识别哪个 li 被标记为“当前”类，然后将一个类添加到第二个列表到相应的 li。我只是想不出该怎么做。

谢谢。

Answer 1

$('ul.list2 li:nth-child(' + $('ul.list1 li.current').index() + ')').addClass('current');

或者你可以让它不那么恶心:

$('ul.list2 li').eq($('ul.list1 li.current').index()).addClass('current');

第二个，我更喜欢，现在我看到了他们两个:-)这里的技巧是:

1. “eq”过滤器可让您根据索引从 jQuery 列表中选择一个元素；
2. “index”函数可以让您找到一个元素相对于它在 DOM 中的兄弟元素的索引