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

我需要在单击具有相同类的后将类添加到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>

---

谢谢

您可以通过匹配单击的

li

的

索引来获取相关的
div
元素。试试这个：


jQuery（文档）.ready（函数（$）{
$（'ul li'）。单击（函数（）{
var index=$（this.index（）；
$（this.addClass（'active'）.sides（）.removeClass（'active'）；
$（'.test div'）.eq（index）.addClass（'active'）.sides（）.removeClass（'active'）；
});
})
.active{
字体大小：粗体；
}






测试1
测试2
测试3
希望下面的代码能起作用

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(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');
    });
})