javascript - 局部变量（在函数中）到全局（Jquery）

Question

我有四个<button>标签，当我点击按钮标签时，我需要 jQuery 添加类Active。

这是我的代码：

$(document).ready(function () {
    var btnActive;
    $(".cont-btn button:nth-of-type(1)").click(function () {
        btnActive = 1;
    });
    $(".cont-btn button:nth-of-type(" + btnActive + ")").click(function () {
        for (i = 0; i <= 4; i++) {
            if (i === btnActive) {
                $(".cont-btn button:nth-of-type(" + btnActive + ")").addClass("active");
            } else {
                $(".cont-btn button:nth-of-type(" + i + ")").removeClass("active");
            }
        }
    });
});

对不起我的英语不好

PD。我在控制台中收到此错误at HTMLDocument.<anonymous> (proyectos.html:97)

标签： javascriptjquery

Answer 1

你让它变得比它需要的更复杂。

假设<button>在里面，下面应该做你需要的class="cont-btn"

var $buttons = $(".cont-btn button").click(function () {
  $buttons.removeClass('active');
  $(this).addClass('active');    
});