Не могу сделать отдельные события кнопки

Question

Так что я не могу заставить эти кнопки работать. Я пробовал так много разных способов. Итак, у меня есть несколько объектов "player", и все они имеют кнопки .div_tab. И мне нужно иметь возможность делать что-то на этом отдельном игроке, когда я нажимаю кнопку этого игрока. Этот код ничего не делает, когда я нажимаю кнопку.

Почему? Как исправить? спасибо!

$(document).ready(function() {
  for (let i in players)
  {
    $(players[i].div_tab[0]).on('click', function() {
      console.log("Hello world!");
    });
  }
});

(редактировать)
Я создаю вкладки с этим кодом:

  this.addTab = function(name, id)
  {
    this.tabs.html(this.tabs.html() + "<div class='tab' id='"+id+"'>"+name+"</div>");
  }
  this.addTab("Select", "select");
  this.addTab("Customize", "customize");
  this.addTab("Audio Line", "audio-line");
  this.addTab("Audio Circle", "audio-circle");
  this.div_tab = this.tabs.find('div.tab');

Answer 1

Что касается насущной проблемы, я думаю, что вы хотели:

    $(document).ready(function() {
      for (let i in players)
      {
        $(i.div_tab[0]).on('click', function() {
          console.log("Hello world!");
        });
      }
    });

, так как я уже собираюсь быть каждым из экземпляров в списке игроков ... В целом, глядя на остальную частьстраница, в которой это может помочь: -).

Answer 2

Петля вообще не нужна. Просто дайте элементам, которые должны получить обратные вызовы, общий класс CSS, и тогда вы можете очень просто настроить обратный вызов:

$(function() {
  $(".commonHandler").on('click', function() {
    console.log("Hello world!");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" class="commonHandler">Click Me</button>
<button type="button">Click Me (but I won't do anything because I don't have the class)</button>                         <!-- <-- Not part of the group! -->
<input type="button" class="commonHandler" value="Click Me">
<span class="commonHandler">Click Me</span>