<div><div id="2">海面倒映著美麗的白塔，四周環(huán)繞著綠樹紅墻。<div><div id="1">小船兒輕輕，飄蕩在水中<div><div id="5">讓我們蕩起雙槳，小船兒推開波浪。<div><div id="3">紅領(lǐng)巾迎著太陽，陽光灑在海面上，<div><div id="4">迎面吹來了涼爽的風(fēng)。<div><div>這是一進(jìn)去的代碼，當(dāng)然我只是示例，這只是一個(gè)大的<div>中包裹了這5條,還有很多大div的。然后我們現(xiàn)在得到一串?dāng)?shù)組。var list=[5,2,1,4,3];這個(gè)是對應(yīng)id，然后要讓這5個(gè)div按照這個(gè)代碼重新排序，怎么寫??？
2 回答
至尊寶的傳說
TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超10個(gè)贊
html部分
<div id="divs"> <div id="2">2海面倒映著美麗的白塔，四周環(huán)繞著綠樹紅墻。</div> <div id="1">1小船兒輕輕，飄蕩在水中</div> <div id="5">5讓我們蕩起雙槳，小船兒推開波浪。</div> <div id="3">3紅領(lǐng)巾迎著太陽，陽光灑在海面上，</div> <div id="4">4迎面吹來了涼爽的風(fēng)。</div></div>
js部分
$(document).ready(function(){
var list=[5,2,1,4,3];
var divs = $("#divs div");
var divhtml = '';
for(var a=0;a<list.length;a++){
for(var b=0;b<divs.length;b++){ if(list[a]==$(divs[b]).attr("id")){ divhtml += divs[b].outerHTML; }
}
}
$("#divs").html("").append(divhtml);
});添加回答
舉報(bào)
0/150
提交
取消