div在js中根据id重新排序咋写?

<div>

<div id="2">海面倒映着美丽的白塔,四周环绕着绿树红墙。<div>

<div id="1">小船儿轻轻,飘荡在水中<div>

<div id="5">让我们荡起双桨,小船儿推开波浪。<div>

<div id="3">红领巾迎着太阳,阳光洒在海面上,<div>

<div id="4">迎面吹来了凉爽的风。<div>

<div>

这是一进去的代码,当然我只是示例,这只是一个大的<div>中包裹了这5条,还有很多大div的。

然后我们现在得到一串数组。

var list=[5,2,1,4,3];

这个是对应id,然后要让这5个div按照这个代码重新排序,怎么写啊?


临摹微笑
浏览 953回答 2
2回答

至尊宝的传说

html部分<div&nbsp;id="divs"> &nbsp;&nbsp;<div&nbsp;id="2">2海面倒映着美丽的白塔,四周环绕着绿树红墙。</div> &nbsp;&nbsp;<div&nbsp;id="1">1小船儿轻轻,飘荡在水中</div> &nbsp;&nbsp;<div&nbsp;id="5">5让我们荡起双桨,小船儿推开波浪。</div> &nbsp;&nbsp;<div&nbsp;id="3">3红领巾迎着太阳,阳光洒在海面上,</div> &nbsp;&nbsp;<div&nbsp;id="4">4迎面吹来了凉爽的风。</div></div>js部分$(document).ready(function(){ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;list=[5,2,1,4,3]; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;divs&nbsp;=&nbsp;$("#divs&nbsp;div"); &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;divhtml&nbsp;=&nbsp;''; &nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;a=0;a<list.length;a++){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;b=0;b<divs.length;b++){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(list[a]==$(divs[b]).attr("id")){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;divhtml&nbsp;+=&nbsp;divs[b].outerHTML;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;$("#divs").html("").append(divhtml); &nbsp;&nbsp;});
打开App,查看更多内容
随时随地看视频慕课网APP