Question

我需要在点击同一个类的A后将类添加到DIV。例如

<ul>
<li><a href="#1" class="test1">1</a></li>
<li><a href="#2" class="test2">2</a></li>
<li><a href="#3" class="test3">3</a></li>
</ul>
<div class="test">
<div class="test1">test1</div>
<div class="test2">test2</div>
<div class="test3">test3</div>
</div>

如果我点击a.test1，我需要在此a和div.test1中添加类ACTIVE 我为A做了这个简单的代码，但我不知道我应该为DIV做什么

jQuery(document).ready(function() {
    jQuery('ul li').click(function() {
        jQuery("li.active").removeClass("active");
        jQuery(this).addClass('active');
    });
})

谢谢！

Answer 1

您可以通过匹配点击的div的{{1}}来获取相关的index元素。试试这个：

＆＃13;

li

＆＃13;

jQuery(document).ready(function($) {
  $('ul li').click(function() {
    var index = $(this).index();
    $(this).addClass('active').siblings().removeClass('active');
    $('.test div').eq(index).addClass('active').siblings().removeClass('active');
  });
})

＆＃13;

.active {
  font-weight: bold;
}

＆＃13;

Answer 2

希望下面的代码有效，

jQuery(document).ready(function() {
    jQuery('ul li').click(function() {
        jQuery("li.active").removeClass("active");
        var divClass = jQuery(this).attr("class"); 
        jQuery(this).addClass('active');

        jQuery("div.active").removeClass('active');
        jQuery("div."+divClass).addClass('active');
    });
})

单击jQuery后，将类添加到类似元素

2 个答案: