如何设置不同ID的切换功能

Question

我想要具有id的不同按钮和独特的切换功能，但是我可以设置变量。

var clicked = false;

var abcElements = document.querySelectorAll('.cellInput');

// Set their ids
for (var i = 0; i < abcElements.length; i++){

    abcElements[i].id = 'target-' + i;

    $("#target-"+i).click(function () {

    if (!clicked) {
        // do something

    } else {
        // do something
    }

    clicked = !clicked;

})

}

Answer 1

如果要跟踪每个元素的点击，则不能使用共享的全局变量。但是，您可以切换类以跟踪每个元素的状态。

$('.cellInput').on('click', function(e){
  var $this = $(e.target);
  
  if (!$this.hasClass('clicked')) {
    $this.addClass('clicked');
    // do something
  } else {
    $this.removeClass('clicked');
    // do something
  }
});