jquery - JQueryの単一のセレクターで複数のID/コンテンツを使用するにはどうすればよいですか？

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

2つのオプションがあります。

オプション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 4

このような：

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

Answer 5

両方に同じクラス名で呼び出し、そのクラスを参照する

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