Javascript 从html获取div的序列

我有9个HTML div，如下所示：

<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>


<div id="9">9</div>

现在HTML中的序列是：ID123456789

可以重新排列这些div以获得DOM中的任何顺序

交换DOM后的操作如下所示：

<div id="8">8</div>
<div id="2">2</div>
<div id="5">5</div>


<div id="1">1</div>

交换/重新排序后，现在HTML中的序列是：ID8253479961

我想在一段时间内得到div的订单825347961

<div id="show">Now the sequence is <span id="seq"> </span></div>

使用该方法并执行以下操作

$'seq'.text $'parent div'//获取交换的div .mapfunction{//对它们进行迭代以生成数组 返回this.id//返回数组元素的id }.get//get结果作为数组 .join“”//加入数组元素 ; 8. 2. 5. 1. 现在顺序是

---

使用公共类获取所需的所有div。然后使用每个函数获取它的文本或id，形成一个字符串并将其附加到dom中

HTML

我就是这样做的：

$("ul div").each(function(){
   $("#seq").text($("#seq").text() + $(this).attr("id") + " ");
});

嗨，试试这个

JS

HTML

---

我使用$。每个循环

HTML代码

---

什么阻止了你？阅读所有div html内容，将其添加到文本中，并在seq innerhtml中设置。这里有什么问题？我糟糕的javascript技能：请显示你尝试@b0yStart编写js的代码，如果你卡住了，请询问我们并提供你所做的yetI使用的。数据“customAttr”捕捉我的自定义属性的值，而且效果很好：谢谢用户！！！！

var _sq="";
var getDivs = $(".sqDiv");
getDivs.each(function(item,index){

 _sq+=$(this).text().trim()+' ';
})
$("#sqDom").text(_sq);

$("ul div").each(function(){
   $("#seq").text($("#seq").text() + $(this).attr("id") + " ");
});

var IDs2 = [];
$("#swapping").find("div").each(function(){ IDs2.push(this.id); });
$("#seq2").html(IDs2)

<div id="swapping"> 
<div id="8">8</div>
<div id="2">2</div>
<div id="5">5</div>
<div id="4">4</div>
<div id="3">3</div>
<div id="2">2</div>
<div id="1">1</div>
</div>
<div id="show2">Now the sequence is <span id="seq2"> </span></div>

<div id="8">8</div>
<div id="2">2</div>
<div id="5">5</div>
<div id="1">1</div>
<div id="show">Now the sequence is <span id="seq"> </span></div>

var divs=[];var seq=[];
divs=$("div");
$.each(divs,function(k,v){
if($(v).attr('id')!='show')
{
seq[k]=$(v).attr('id');
}
})
$('#seq').text(seq);