使用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用'current'类标记,然后在第二个列表中添加一个类到相应的li.我只是想不出怎么做.

谢谢.

Answer 1

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

或者你可以让它变得不那么icky:

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

第二个,我更喜欢,现在我可以看到它们:-)这里的技巧是:

1. "eq"过滤器允许您根据索引从jQuery列表中选择一个元素;
2. "index"函数允许您查找元素相对于DOM中其兄弟节点的索引