如何在javascript中使用id命令divs？ [英] How to order divs by id in javascript?

问题描述

我有这个HTML代码：

 < div id =main> 
< div id =dv_7> ...< / div> 
< div id =dv_1> ...< / div> 
< div id =dv_8> ...< / div> 
< div id =dv_4> ...< / div> 
< div id =dv_11> ...< / div> 
< div id =dv_2> ...< / div> 
< / div> 
  

如何在javascript中使用maindiv命令div？我不知道：（$ / b>
$ b

在此先感谢， 如何：

  var main = document.getElementById（'main'）; 
 
 []。 map.call（main.children，Object）.sort（function（a，b）{
 return + a.id.match（/ \ d + /） -  + b.id.match（/ \ d + /）; 
}）。forEach（function（elem）{
 main.appendChild（elem）; 
}）; 
  

现场演示： http： //jsfiddle.net/ZEKrH/6/

（您需要为IE8填充这些数组方法。）

I have this HTML code:

<div id="main">
  <div id="dv_7">...</div>
  <div id="dv_1">...</div>
  <div id="dv_8">...</div>
  <div id="dv_4">...</div>
  <div id="dv_11">...</div>
  <div id="dv_2">...</div>
</div>

How to order the divs in the maindiv with javascript? I have no idea :(

thanks in advance,

解决方案

How about:

var main = document.getElementById( 'main' );

[].map.call( main.children, Object ).sort( function ( a, b ) {
    return +a.id.match( /\d+/ ) - +b.id.match( /\d+/ );
}).forEach( function ( elem ) {
    main.appendChild( elem );
});

Live demo: http://jsfiddle.net/ZEKrH/6/

(You'll need to shim those array methods for IE8.)

这篇关于如何在javascript中使用id命令divs？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！