动态地为每个元素创建新的唯一ID

在下面的代码中，我正在做各种各样的事情，但我现在正在看的是，我正在为每个菜单项分配href与我正在创建的每个元素的id名称相同的名称。

$(".nav li a").on("click", function(e) { $(this).attr("href",$(".span6").attr("id")); $('#content').removeAttr('id'); var $row = $(".span9"); var $rowNew = $('.new'); if ($rowNew.children().length > 1) { $(".span9 div").removeClass("new"); $('
').prependTo($row); } if ($(".new").length == 0) { $('
').prependTo($row); $('
').appendTo('.new'); } else { $('
').appendTo('.new'); } }); 

这就是我为每个菜单项分配href与我创建的每个元素的id名称相同的名称：

  $(this).attr("href",$(".span6").attr("id")); 

我现在需要为每个

创建一个新的唯一ID名称

我知道它已经有一个名为#content的id，但是我使用$('#content').removeAttr('id');删除了那个$('#content').removeAttr('id');

如何每次生成新的唯一ID？

在使用php的另一个模板中我做： 然后<div class="span6" id="">在循环中然后 但在我的情况下使用jquery？

另外我想我需要对第一个和最后一个

做一些事情，因为这些已经有一个id #content set，这些id被删除了接下来只点击此刻，因此创建一个新的ID将导致第一个和最后一个有2个ID我猜。

Answer 1

您可以使用函数来测试可用的第一个ID。

 function setId(elem) { var first = 0; while($('#i'+first).length > 0) first++; elem.setAttr('id', 'i'+first); } //Usage: setId(myJqueryObject);