循环内的jQuery事件处理程序

时间:2018-08-14 02:50:31

标签: javascript jquery jquery-select2

我目前使用javascript创建html表。

用户单击按钮时。它将tr附加到表中。

tr内,我还附加了一个select2 <select>元素。

select元素的ID后面带有递增的数字。

因此,第一行的select元素的ID为item-project-no-0,第二行的元素的ID为item-project-no-1。等等等等。

但是,现在,我需要为该表中动态生成的所有select元素注册事件监听器。像这样:

    $('#item-project-no-' + x).on('select2:select', function (e) {

    });

我想尝试使用for循环。但是我不认为for循环知道它必须循环多少次,因为select元素的数量取决于用户单击按钮的计时器数量。我需要确定触发事件的单个选择元素,以便对其进行相应处理。

我愿意接受所有意见和建议。谢谢。

2 个答案:

答案 0 :(得分:2)

为什么不只给每个选择器一个类?然后,您可以执行以下操作:

xgboost

这甚至对于以后动态创建的元素也有效。

答案 1 :(得分:1)

尝试以下示例:

$(document).on("select2:select","[id^='item-project-no-']",function() {
  //do somthing
}