如何获得重新排序的元素的顺序

Question

我有一个关于获得我的div订单的问题.

场景:我有这样的结构:

<div class="container">
<div class="element" id="element1">
<div class="element" id="element2">
<div class="element" id="element3">
<div class="element" id="element4">

但我正在重新排序/删除/添加一些与某些条件相关的元素所以假设最终结构如下:

<div class="container">
<div class="element" id="element6">
<div class="element" id="element2">
<div class="element" id="element8">
<div class="element" id="element4">
<div class="element" id="element1">
<div class="element" id="element7">

最后我想得到最终使用的元素列表

var ord= '';
for (i=1;i<=($('.element').length);i++){
  var index = $('#element'+i).index();
  ord+= index+' / ';
}

但它给了我创建顺序中元素的索引,而不是最终顺序.最后,我认为我需要从索引中获取项目ID

var index = indexof($('#element'+i)); // ok this is not lookink like correct :)

但我找不到.

Answer 1

对于这个HTML:

<div class="container">
    <div class="element" id="element6">1</div>
    <div class="element" id="element2">2</div>
    <div class="element" id="element8">3</div>
    <div class="element" id="element4">4</div>
    <div class="element" id="element1">5</div>
    <div class="element" id="element7">6</div>
</div>

这个javascript:

var arr = Array();
$('.container .element').each(function(){
   arr.push($(this).attr('id').replace('element', ''));
})

你得到这个:

arr = ["6", "2", "8", "4", "1", "7"]