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

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

注意:

刚刚注意到，您的选项卡似乎有重复的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");