javascript - 单个 .on 单击多个元素

Question

我有以下jquery ...

$(".parentElem").on("click", "input[id*='myitem']", function() {
    myfunction();
});

和

$(".parentElem").on("click", "input[id*='myotheritem']", function() {
    myfunction();
});

这些都可以正常工作，但我不想单独列出每个可点击的元素......我宁愿一次列出它们 - 像这样......

$(".parentElem").on("click", "input[id*='myitem'], input[id*='myotheritem']", function() {
    myfunction();
});

这可能吗？它似乎对我不起作用。

Answer 1

该.on()方法中的第二个参数是 CSS 选择器。因此，您不必传递每个单独的元素及其 ID。您可以像这样使用通用类或选择器：

$('.parentElem').on('click', 'input', function(event) {
    // Function body here
});

Answer 2

只需不要使用委托功能，而是自己进行检查：

$(".parentElem").on("click", function() {
    // check if event.target matches an element that you want to trigger on
});

Answer 3

这对我有用：

$(".parentElem").find("input[id*='myitem'], input[id*='myotheritem']").each(function(){
    $(this).click(function(){
        myfunction();
    });
});

演示