javascript - 如何将类添加到 onclick 元素之外的元素

Question

我需要一些 If 语句的帮助。我有这个div

<div id="features-dots">
<ul>
    <a href="#"><li class="one"></li></a>
    <a href="#"><li class="two"></li></a>
    <a href="#"><li class="three"></li></a>
</ul>
</div>

和

<div class="feature_thumb">
<a class="feature_thumb" id="one" onclick="return false;"></a>
</div>
<div class="feature_thumb">
<a class="feature_thumb" id="two" onclick="return false;"></a>
</div>
<div class="feature_thumb">
<a class="feature_thumb" id="three" onclick="return false;"></a>
</div>

并且想要在单击 #one 时向 li.one 添加一个类，如果单击 #two 则向 li.two 添加一个类，依此类推...有人可以帮助我吗？

Answer 1

您可以使用这个简单的 jQuery 代码:

$('a.feature_thumb').click(function(){
    $('.' + $(this).attr('id')).addClass('your-class');
});

DEMO