jquery - 循环 Div ID 来制作轮播(jquery)

Question

我的网站有一系列DIV的信息。目前我使用的是 cycle2 插件，所有的 DIV 都在一个 html 文件中。我喜欢这种效果，但我想将它们分成不同的页面，以供 SEO 和未启用 JS 的人使用。我最初尝试有一个中央 DIV，然后是一个备用，当按下“下一个”或“上一个”按钮时，我使用 .load 获取新 DIV 的内容，然后在它们之间滑动。但是，这失败了，因为下一张幻灯片需要时间来加载。

现在我正在尝试一种略有不同的方法，使用左 div、中间 div 和右 div，两侧的 div 在页面加载时使用 .load，以便在单击链接时准备就绪。但是，为了不止一次工作，我需要能够切换这些 DIV 的 ID，所以如果按下“下一步”按钮，中间的 div 会转到左边，右边的 div 会转到中间，左边的 div 会转到对。

我知道直接更改它们将不可避免地意味着多个具有相同 ID 的 DIV，所以我正在尝试一个中介，如下所示:

$("#divright").css('id','divleftnew');  
$("#divleft").css('id','divmiddlenew'); 
$("#divmiddle").css('id','divrightnew');    
$("#divrightnew").css('id','divright'); 
$("#divleftnew").css('id','divleft');   
$("#divmiddlenew").css('id','divmiddle');   

但是，这似乎没有任何效果 - 影响 DIV 的后续代码将影响最初命名的那个，而不是新的。

如果有人对如何循环 ID 或更好的解决方案有任何想法，我将不胜感激:)

Answer 1

尝试使用 attr。

$("#divmiddlenew").attr('id','divmiddle');