1

ループするインデックスに応じて異なる単語を追加したいラベル付きのラジオボタンのセットがあります。IE：アップル、bボブ、cキャブ、dダッシュ

私のhtml：

 <div id="charity-mod">
  <div>
   <input id="A-1" type="radio" value="A">
   <label id="chars" for="A-1">a</label>

   <input id="B-1" type="radio" value="B">
   <label id="chars" for="B-1">b</label>

   <input id="C-1" type="radio" value="C">
   <label id="chars" for="C-1">c</label>

   <input id="D-1" type="radio" value="D">
   <label id="chars" for="D-1">d</label>
  </div>
 </div>

Jquery：

$('#charity-mod label').each(function(index){
  switch (index) {
   case 0:
      $('#chars').eq(index).after("<b>apple</b>");
      break;
    case 1:
      $('#chars').eq(index).after("<b>bob</b>");
      break;
    case 2:
      $('#chars').eq(index).after("<b>cab</b>");
      break;
    case 3:
      $('#chars').eq(index).after("<b>dash</b>");
      break;
   }
});
4

1 に答える 1

1

<label id="chars" for="A-1">a</label>ID属性は一意の識別子であることが期待されているため、からに変更する必要があります <label class="chars" for="A-1">a</label>

そうすることで、よりクリーンなjQueryを選択することもできます。

var words = ["apple", "bob","cab", "dash"];

    $('.chars').each(function(index){
      $('#chars').eq(index).after("<b>"+words[index]+"</b>");
    }
});
于 2012-10-30T23:43:59.747 に答える