jquery - 遍历标签值并根据索引添加唯一词

Question

我有一组带有标签的单选按钮，我想根据循环通过的索引添加不同的单词。IE: a apple, b bob, c cab, d dash

我的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>

查询：

$('#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;
   }
});

Answer 1

ID 属性应该是唯一标识符，因此，您需要从更改 <label id="chars" for="A-1">a</label>为<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>");
    }
});