jquery - How can we use multiple Ids/content in a single selector in JQuery

Question

Please suggest me proper jquery selector for this. how to optimise this?Please suggest

$("#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 引用项目，但应用相同的逻辑，使用多个选择器：

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

选项 2

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

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