jQuery 将更改事件绑定(bind)到所有类元素

Question

将更改事件绑定(bind)到类元素时，需要应用索引来发现哪个类元素产生了更改事件，例如此处的 [0]。

var taskData = new Array;
$($( ".ctaskSelector" )[0]).bind('change', function () {
    var val = $(".ctaskSelector").val();
    var task_ID = taskData[val].task_ID;
    etc
});

一种解决方案是为每个类索引复制代码。有更明智的方法来解决这个问题吗？

Answer 1

实现您需要的更明智的方法是在事件处理程序中使用 this 关键字，因为函数的范围是引发事件的元素:

var taskData = [];
// I presume you have some logic here to populate the taskData array...

$('.ctaskSelector').on('change', function () {
    var val = $(this).val();
    var task_ID = taskData[val].task_ID;
    // etc
});

另请注意，bind() 很久以前就已被弃用。您应该使用 on() 来代替。