Javascript 按类搜索元素，并在jquery中的每个元素上放置id_Javascript_Jquery_Html

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

javascript jquery html

Javascript 按类搜索元素，并在jquery中的每个元素上放置id,javascript,jquery,html,Javascript,Jquery,Html,这里我有一组类为myClass的div。如何使用jquery将它们中的每一个放入一个特定的id 这是我想要的。我无法编辑html文件..这就是我想使用jquery添加ID的原因 <html> <body> <div class = "myClass"></div> <div class = "myClass"></div> <div class = "myClass"></div> <div c

这里我有一组类为myClass的div。如何使用jquery将它们中的每一个放入一个特定的id

这是我想要的。我无法编辑html文件..这就是我想使用jquery添加ID的原因

<html>
<body>
<div class = "myClass"></div>
<div class = "myClass"></div>
<div class = "myClass"></div>
<div class = "myClass"></div>
</body>
</html>

提前谢谢你

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

您可以使用将元素与myClass类关联，并设置目标元素的id：

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

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

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

使用jquery和。试试这个：

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

尝试使用接收器功能

var i = 0;
$('.myClass').each(function() {

 $(this).attr('id', i++); 
});

基本上，不鼓励使用带有数字值的id，因此请在数字值前面加上一些字母

我认为，你可以使用如下所示

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

演示：

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

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

这将为myClass的所有元素添加Id。Id将以ui Id开头- Jsfiddle：

请参阅：

您可以使用索引添加id。如下图所示：

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

很高兴它帮助了兄弟：-

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

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

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