Javascript 在HTML类上循环，以向具有特定类的每个HTML元素添加不同的ID

我试图在一个HTML页面中循环检查class=details的HTML元素，然后每个元素都会在该类中添加一个ID。当然，对于具有class=details的每个HTML元素，ID都是不同的。下面是我开始编写的代码，但我意识到，如果我有20个class=details的HTML元素，那么必须有一种方法来循环或编写更少的代码来完成我想要的事情。任何帮助都将不胜感激

        $('.details').eq(0).attr('id' , 'cLc');
        $('.details').eq(1).attr('id' , 'bLt');

像这样的

$('.details').each(function(idx) {
    $(this).attr('id', 'id-' + idx);
});

---

你为什么要对客户这样做？我99.99%确定这是一个。因为元素是通过CMS交付的，我没有权限向元素添加ID，所以我需要在客户端创建一个黑客来实现我想要的。所以这并没有真正回答我的问题。你给了我一个关于你如何获取数据的故事，以及你想如何添加ID以实现你想要的，我已经从你的问题中理解了，但是你还没有描述你想要什么，黑客的具体细节。我猜现在为一类元素制作很多ID可能是一种更好的方法，以避免以后头疼的问题。Rob帮我找到了一个解决方案。这种编码是假设元素已经有了ID吗？我从你的代码中得到了这个错误。TypeError:undefined不是一个函数我想他指的是$item.attr'id'，id-'+idx；。返回一个DOM元素而不是jQuery元素。这将返回该类的所有div，但不添加ID。它不会，但会添加$'.details'。eachfunctionidx{$This.attr'ID'，ID-'+idx；}；感谢您帮助我找到答案。下面是一个演示：