jQuery：重命名重复的id

Question

我想在一个页面中插入多行滑块。我有一块代码，我想重复使用，但它会插入2个DIV与id=slider ...

是否有可能找到第二个元素id=slider并重命名为id=slider01？

BR。安德斯

Answer 1

尝试

$('div[id="slider"]:eq(1)').attr("id", "slider01"); 

http://jsfiddle.net/rYyA7/ - 在IE6/8，火狐，Safari，Chrome和Opera测试。

Answer 2

你可以通过在之前指定一个新的id来做到这一点，你可以将第二个滑块添加到页面中。你还没有显示你如何做的代码，所以很难就如何做到这一点提供建议，但它是最好的。

当文档暂时无效时，可能会找到第二个滑块，但可能会很尴尬。这又取决于你的代码。如果你已经有了一个包含第二个滑块的jQuery对象的引用，作为你如何创建它的副产品，这很容易（只需使用yourvar[1].id = newavlue）。如果没有，你可能是最好关闭的其他东西滑块有共同点的基础上进行搜索，好比说，如果他们俩都div s的类slider：

var sliders, ids; 
sliders = $("div.slider"); 
if (sliders.length > 1) { 
    ids = {}; 
    sliders.each(function() { 
     if (ids["x" + this.id]) { 
      // This ID has already been used, grab a new one 
      this.id = 'newslider' + new Date().getTime(); 
     } 
     else { 
      // This ID hasn't been used yet; flag that we're using it 
      ids["x" + this.id] = true; 
     } 
    }); 
} 

该代码遍历所有的匹配元素并确保没有重复的ID（有几个注意事项，主要是没有以“newsliderNNNNNNNNNN”形式存在的ID，其中Ns是由new Date().getTime()返回的数字）。 （关于在ids对象的属性名称中的“x”前缀只是为了防御与预先存在的性能意外碰撞，像toString。嘿，这是一个有效的id，有人可能使用它。:-)）

Andy E's head's answer提供了一个更简短的方法，它可能是一种方法，但它假定基于id属性的搜索不会在某个阶段进行优化，从而停止查找多个元素。这个假设可能是有效的，但依靠选择器实现不会改变下线并在我的代码中引入问题，我会感到不舒服。 （在过去几年中，选择器的工作很多，当前的jQuery引擎Sizzle是全新的。）但是，它可能没问题。

Answer 3

我会做这样的：

$('div[id="slider"]').not(':eq(0)').each(function(i){ //selects all divs with the id slider but not the first one 
    var $that = $(this), 
    newID = $that.attr('id') + (i + 1) // adds a incising number to the ID's 

    $that.attr('id', newID) // sets the new id 
}) 

检查这里的例子： http://jsfiddle.net/nuW34/