如何将 class 添加到 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 时将 class 添加到 li.one，在单击 #two 时添加到 li.two，依此类推...有人可以帮我解决这个问题吗？

Answer 1

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

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

DEMO

Answer 2

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

DEMO

如何将 class 添加到 onclick 元素之外的元素

How to add a class to an element that is outside of your onclick element

javascript

jquery

if-statement

onclick