jquery - jQuery Selectorコードを単純化する方法はありますか？

Question

このセレクターを単純化するのを手伝ってくれませんか。

コードは次のとおりです。

$("input[name='grpQuestion1'], input[name='grpQuestion2'], input[name='grpQuestion4']").change(function (event) {
    /* Some code here */ 
});

Answer 1

これを試して

$('input[name^="grpQuestion"]').change(function (event) { /* Some Code Here */ });

jqueryにはいくつかの属性選択があります

$("[attribue^=value]")属性が値 word で始まる要素と 同様です。$("[attribue$=value]")属性が値 word で終わる要素。 $("[attribue*=value]")属性が部分または単語または正確な単語として値を含む要素。 $("[attribue~=value]")正確な単語として値を含む属性の要素

Answer 2

'grpQuestion'で始まるname属性を持つ最初の4つの入力要素を選択するには、次のjQueryセレクターを使用できます。

$('input[name^="grpQuestion"]:lt(4)')

Answer 3

コメントで、具体的には3つの名前が必要だと言っているので

 var names = ['grpQuestion1', 'grpQuestion2', 'grpQuestion4'];
 $.each(names, function(i, v) { 
   $('input[name='+v+']').change(function (event) {
        /* Some Code Here */ 
   });
 }); 

メンテナンスが少し簡単になります。

Answer 4

$('input[name^="grpQuestion"]').change(/** your code */)

基本的に、「grpQuestion」で始まるすべての要素を選択します

Answer 5

これを試すことができます

$('input[name^="grpQuestion"]').change(function (event) { /* Some Code Here */ });

意味

name="grpQuestion" で始まる入力

Answer 6

これを試して

$("input[name^=grpQuestion]").change(function (event) {
/* Some Code Here */ });