如何根据数组中的下一个/最后一个值更改 div id 的值

Posted 2023-05-09

【中文标题】如何根据数组中的下一个/最后一个值更改 div id 的值

【英文标题】：How to change the value of div id based on next/last value in array

【发布时间】：2021-10-09 11:17:35

【问题描述】：

现在我对 jquery 了解的很少，我只是触及了表面，所以请耐心等待我尝试解释。如果我有这样的数组：

var list = ['one', 'two', 'three'];

我有一个 id 为“two”的 div 和一些按钮：

<button id="buttonOne"></button>
<div id="two"></div>
<button id="buttonTwo"></button>

如果单击 buttonOne，如何将 div id 更改为“one”，或者如果单击 ButtonTwo，如何将 div id 更改为“one”？

我会发布我尝试过的内容，但没有成功。感谢您的帮助！

【问题讨论】：

到目前为止你尝试过什么？你有没有想过直接设置ID element.id = "two"？用setAttribute怎么样？

为什么要改id？这不是常见的事情，这可能是XY problem

【参考方案1】：

为了使用 jquery 更改id，您可以使用：

$("#two" ).attr("id","newId");

但是，如您所见 - 您将遇到问题，因为您正在修改选择器。 更改 ID 不是一个好习惯（id 是您元素的标识符）。 您可以改用 css 类：

$("#yourelement" ).addClass("one");
$("#yourelement" ).removeClass("two");