javascript - Jquery 更改触发器过于频繁

Question

我正在使用 jQuery 1.7.2，并获得了这样的类的 onchange 事件:

$(document).on('change', '.item_amount', function(){

});

同一页面上的许多选择都具有该类，如果我更改其中一个选择，则更改事件会触发 X 次(如果我更改这些选择之一)(X 是具有该类的选择的数量)，但我只希望它由于仅更改了一个选择，因此触发一次。

这是正常行为还是我做错了什么？

编辑:

问题似乎出在其他地方。包含该 select 的元素被插入(Ajax 调用)，当其中一个元素被插入到 dom 中时，所有现有元素都会触发更改事件。

所以基本上我选择了 1 号，其中包含一些产品。选择产品后，HTML 代码将插入包含所有当前产品的 div 中。当发生这种情况时，该 div 中所有产品的更改事件都会被触发。

Answer 1

使用this keyword引用更改功能 block 中更改的当前元素。

this --> JavaScript 或 native Dom 元素。

$(this) ->你的 jQuery 对象

$(document).on('change', '.item_amount', function(){
    alert(this.value);
    console.log(this);
});