按类搜索元素，并将id放在jquery中的每个元素上

search elements by class and put id on each element in jquery

本文关键字：元素 jquery id 搜索 并将 放在      更新时间：2023-09-26
<html>
<body>
<div class = "myClass"></div>
<div class = "myClass"></div>
<div class = "myClass"></div>
<div class = "myClass"></div>
</body>
</html>

这里我有一组类为"myClass"的div。。如何使用jquery为它们中的每一个设置一个特定的id？

这是我想要的。我无法编辑html文件。。这就是为什么我想使用jquery来添加id。

<html>
<body>
<div class = "myClass" id = "1"></div>
<div class = "myClass" id = "2"></div>
<div class = "myClass" id = "3"></div>
<div class = "myClass" id = "4"></div>
</body>
</html>

提前感谢。。。

使用jquery .each()和.attr()。试试这个：

$("div.myClass").each(function(i){
    $(this).attr("id",i+1);
});

DEMO

var i = 0;
$('.myClass').each(function() {
 i++;
 $(this).attr('id', i); });

Liveweave

 $('.myClass').uniqueId();

这将向myClass类的所有元素添加Id。Id将以"ui Id-"开头Js文件：http://jsfiddle.net/lotusgodkk/GCu2D/10/

参考：uniqueId((

var count = 1;
$(".myClass").each(function(){
  $(this).attr("id", count);
  count++;
});

Fiddle

您可以使用.each((对具有类myClass和.attr((的元素进行itearate来设置目标元素的id：

$('div.myClass').each(function(i) {
    $(this).attr('id',i+1);    
});

此外，以数字开头的id是一个无效的HTML，您应该执行以下操作：

$('div.myClass').each(function(i) {
    $(this).attr('id','div' + (i+1));    
});

Fiddle演示

var i = 0;
$('.myClass').each(function() {
 $(this).attr('id', i++); 
});

尝试使用.attr()接收器功能，

$('div.myClass').attr('id',function(i) { return "id" + i; });

基本上不鼓励使用带数字值的id，所以请在数字值前面加一些字母。

演示

我认为，您可以使用下面给出的.attr((

//dom ready handler
jQuery(function ($) {
    $('.myClass').attr('id', function (idx) {
        return idx + 1
    })
});

演示：Fiddle

注意：不要忘记在页面中包含jQuery

您可以使用"index(("添加id。如下所示：

$('.myClass').each(function() {
  $(this).attr('id',($(this).index()+1));    
});
相关文章：