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();
    });
});

DEMO

单击.on单击多个元素

3 个答案: