Javascript 使用jquery进行Div遍历

我想知道，当我点击下一步按钮时，比

id=“upper1”

变成

id=“upper2”

和

id=“upper2”

变成

id=“upper3”

和

id=“upper3”

变成

id=“upper1”

等等

Jquery

$（“#下一步”）。单击（函数（）{

HTML

9
8.
7.
下一个

使用jQuery，您可以使用：

$("#next").click(function() {
  var i1 = $("#upper1");
  var i2 = $("#upper2");
  var i3 = $("#upper3");
  i1.attr("id", "upper2");
  i2.attr("id", "upper3");
  i3.attr("id", "upper1");
});

您需要将代码放入等待页面加载的块中，如下所示：

$(document).ready(function() {
  <code here>
});

$（文档）.ready（函数（）{

});

使用

attr

可以为以前的每个id设置一个新的

id

。请检查

---

另外，正如其他人所指出的，通过固定id和更改定义要旋转的属性的类，可以更好地做到这一点。

您可以这样做，可以使用任意id的任意数量的元素：

$（“#下一步”）。单击（函数（）{
让$sel=$（'.container>div'）
设l=$sel.length；
let last=$sel.eq（l-1）.attr（'id'）；
对于（设i=l-1；i>=1；i--）{
$sel.eq（i）.attr（'id'），$sel.eq（i-1）.attr（'id'）；
}
$sel.eq（0.attr（'id'，last））；
})

#大写1{
背景色：红色；
}
#上2{
背景颜色：黄色；
}
#上三{
背景颜色：橙色；
}

9
8.
7.
下一步

真正的目标是改变ID本身，还是交换元素？（带内容）

$（“#下一步”）。单击（函数（）{
$（“#容器”）.children（）.last（）.prependTo（“#容器”）；
})

#大写1{
背景色：红色；
}
#上2{
背景颜色：黄色；
}
#上三{
背景颜色：橙色；
}

9
8.
7.
接下来

我想您实际上是想洗牌div，而不是替换id

let divs = $(yourDivSelector);
divs.first().prepend(divs.last());

---

此代码会将最后一个移到顶部，从而将其余的移到下一步。

您忘了添加javascript/jquery代码。请正确解释您的问题！您实际上想完成什么？交换ID很少是一个好的解决方案似乎缺少javascript代码。我投票将此问题作为非主题关闭，因为没有努力证明了它的工作非常完美。谢谢回复，它工作了！！

$("#next").click(function() {
  var i1 = $("#upper1");
  var i2 = $("#upper2");
  var i3 = $("#upper3");
  i1.attr("id", "upper2");
  i2.attr("id", "upper3");
  i3.attr("id", "upper1");
});

$(document).ready(function() {
  <code here>
});

let divs = $(yourDivSelector);
divs.first().prepend(divs.last());