Question

我有3个盒子并应用此功能，但问题是当点击第一个框选项卡然后操作所有框。我想在第一个框选项卡上只有一个框响应。怎么可能？抱歉英语错误enter image description here

  $(document).ready(function(){
  $("ul#tabs li").click(function(e){
    if (!$(this).hasClass("active")) {
        var tabNum = $(this).index();
        var nthChild = tabNum+1;
        $("ul#tabs li.active").removeClass("active");
        $(this).addClass("active");
        $("#tab .li.active").removeClass("active");
        $("#tab .li:nth-child("+nthChild+")").addClass("active");
    }
 });
 });

Answer 1

注意：

注意到，您似乎正在为tabs提供 重复ID 。最好将其更改为类或为每个#tab提供唯一ID。

.之前有li这是一个标记，并将其更改为类选择器：

$("#tab li.active").removeClass("active");
$("#tab li:nth-child("+nthChild+")").addClass("active");

或者您可以使用.eq()方法：

$("#tab li.active").removeClass("active");
$("#tab li").eq(nthChild).addClass("active");

我想在jquery函数中设置动态变量

1 个答案:

注意：