Question

请为此建议我正确的jquery选择器。如何优化？请建议

$("#name").keyup(function (event) {
    if (event.keyCode == 13) {
        $("#Search").click();
    }
});
$("#userName").keyup(function (event) {
    if (event.keyCode == 13) {
        $("#Search").click();
    }
});

Answer 1

像这样使用： -

 $("#name,#userName").keyup(function (event) {
        if (event.keyCode == 13) {
            $("#Search").click();
        }
    });

Answer 2

请用以下代码替换。

$("#name,#userName").keyup(function (event) {
        if (event.keyCode == 13) {
            $("#Search").click();
        }
    });

Answer 3

为两者调用相同的类名，然后引用该类

$(".name").keyup(function (event) {
    if (event.keyCode == 13) {
        $("#Search").click();
    }
});

Answer 4

您有两种选择。

选项1

您希望按ID引用项目但应用相同的逻辑，请使用multiple selectors：

$("#name,#userName").keyup(function (event) {
    if (event.keyCode == 13) {
        $("#Search").click();
    }
});

选项2

您希望将相同的逻辑应用于一组项目，而不是ID。在这种情况下，请使用class selector：

$(".MyGroup").keyup(function (event) {
    if (event.keyCode == 13) {
        $("#Search").click();
    }
});

// Apply .MyGroup class to each item you wish to capture the keyup event
// <input type="text" class="MyGroup" ... />

Answer 5

像这样：

$("#name, #userName").keyup(function (event) {
    if (event.keyCode == 13) {
        $("#Search").click();
    }
});

我们如何在JQuery中的单个选择器中使用多个ID /内容

5 个答案: