javascript - 使用 Dojo 对 div 重新编号

Question

我在 S.O. 上找到了一个帖子类似于我这里需要的。 jQuery removing an element and renumbering remaining elements

上面使用了我们不使用的 jQuery，所以我不确定如何将这种 div 重新编号的想法转换为 Dojo。

我继承了一个大量使用 Dojo 1.5 的大型 Web 项目。到目前为止，我完全了解我对它的理解，但我有一个问题。

我们有一个带有编号 div 的页面，我可以成功地从中删除和删除 div。我需要的是按顺序排列的 div。这是我需要重新划分的示例

<div id="filter_9_values_2_div">
<div id="filter_9_values_1_div">
<div id="filter_9_values_4_div">

理想情况下，在我删除 div 的 javascript 例程中，我想按顺序重命名它们，以便它们看起来像这样......

<div id="filter_9_values_1_div">
<div id="filter_9_values_2_div">
<div id="filter_9_values_3_div">

有人知道我该如何实现这一目标吗？我知道如何成功添加新的 div 并使其独一无二，但重写 div 的想法对我来说完全是个谜。一如既往，非常感谢您的帮助。珍妮。

Answer 1

dojo.query('div').forEach(function(el, index){
   dojo.attr(el, "id", "filter_9_values_" + (index + 1) + "_div"); 
});

您可能想要使用更具体的内容作为查询，而不是仅使用“div”，如果您需要更通用的 ID 而不是“filter_9_values_..._div”，则必须使用 regexp 或 split 来构建您想要的字符串，但这应该让您了解如何迭代 DOM 元素集合并对它们执行您可以想象的任何操作。