jquery - 如何将Class添加到其相等索引.....(JQUERY)

Question

<ul>
   <li>Index 0</li>
   <li>Index 1</li>
   <li>Index 2</li>
</ul>
<div>
     <a>Index 0</a>
     <a>Index 1 (If i click this this this i want to addClass to it to LI with the same index of this )</a>
     <a>Index 2</a>
</div>

Answer 1

您可以调用 jQuery .index() ^help 方法用于此目的。它返回相对于当前节点的兄弟节点的索引。要查找具有相应索引的 li 节点，请使用 .eq() ^help

$('a').click(function() {
   $('ul li').eq($(this).index()).addClass('your_new_class');
});

演示:http://www.jsfiddle.net/2rFn3/

引用您的评论

$('a').click(function() {
   $('ul li').eq($(this).index()).addClass('your_new_class').siblings().removeClass('your_new_class');
});

演示:http://www.jsfiddle.net/2rFn3/1/