Javascript 增量元素ID

但是使用此代码时，所有复选框元素都具有相同的id

var count;
var length = $('input[type=checkbox]').length
for(count=1;count<=length;count++){
    $('input[type=checkbox]').attr('id',count)
}

请分别使用以下各项：

请分别使用以下各项：

用于遍历选择器返回的元素并分配ID。数字id通常不被认为是一种好的做法，因为您在后缀的前缀中添加了一些字符串

 $('input[type=checkbox]').each(function(i){
   $(this).attr('id',"id_"+i)
 })

用于遍历选择器返回的元素并分配ID。数字id通常不被认为是一种好的做法，因为您在后缀的前缀中添加了一些字符串

 $('input[type=checkbox]').each(function(i){
   $(this).attr('id',"id_"+i)
 })

使用.prop或.attr设置元素ID 使用.each设置元素ID 这两个例子都返回：

<input id="0" type="checkbox">
<input id="1" type="checkbox">
<input id="2" type="checkbox">
<input id="3" type="checkbox">

由于非HTML5旧版本浏览器不支持数字ID，请在ID号中添加任何字符串前缀，如el+i+1

使用.prop或.attr设置元素ID 使用.each设置元素ID 这两个例子都返回：

<input id="0" type="checkbox">
<input id="1" type="checkbox">
<input id="2" type="checkbox">
<input id="3" type="checkbox">

由于非HTML5旧版本浏览器不支持数字ID，请向ID号添加任何字符串前缀，如el+i+1

使用以下方法：

$(document).ready(function() {
   var count = 1;
   $("input[type='checkbox']").each(function(index,domobj) {
      $(domobj).prop("id",count++);
   });
});

当jquery为1.6时使用+ 当jquery为1.6时使用-

使用以下命令：

$(document).ready(function() {
   var count = 1;
   $("input[type='checkbox']").each(function(index,domobj) {
      $(domobj).prop("id",count++);
   });
});

当jquery为1.6时使用+

---

---

当jquery为1.6-

以整数开头的ID不是有效标记时使用。您应该使用前缀。@在html5中，这是有效的，即使0[1][2][3]现在是有效的ID@roasted：^你不同意吗？@roXon:不过，我不得不说，设置id的方法很简洁。我以后会记住这一点。以整数开头的id是无效的标记。您应该使用前缀。@在html5中，这是有效的，即使0[1][2][3]现在是有效的ID@roasted：^你不同意吗？@roXon:不过，我不得不说，设置id的方法很简洁。我以后会记住这一点。id是属性，而不是属性。道具会更合适。@Jack这是一个古老的争论，但它是在哪里规定的，而不是id现在是一个属性而不是一个属性？我可以找到关于这个的任何信息。@Jack顺便说一句，我知道id都是，但你有任何链接吗？@Jack-或者更好，只需在roXon的回答中使用这个.id。编写的代码越少，执行的代码越少，速度也就越快。我建议读取。id是一个属性，而不是一个属性。道具会更合适。@Jack这是一个古老的争论，但它是在哪里规定的，而不是id现在是一个属性而不是一个属性？我可以找到关于这个的任何信息。@Jack顺便说一句，我知道id都是，但你有任何链接吗？@Jack-或者更好，只需在roXon的回答中使用这个.id。编写的代码越少，执行的代码越少，速度也就越快。我建议读取。id是一个属性，而不是一个属性。prop更合适。id是属性，而不是属性。道具会更合适。

$('input[type=checkbox]').prop('id', function(i) {
     return ++i;
});

$(document).ready(function() {
   var count = 1;
   $("input[type='checkbox']").each(function(index,domobj) {
      $(domobj).prop("id",count++);
   });
});