Question

我有一组带标签的单选按钮，我想根据您循环的索引添加不同的单词。 IE：苹果，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>

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;
   }
});

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

循环遍历标签值并根据索引添加唯一字

1 个答案: