一个简单的jquery问题

mute_solo 2010-07-27 02:09:01



<div class="column">

        <div class="box" id='0'>

                <div class="box-header">

                    Header Widget1

                </div>

                      <div class="box-content">

                        <p>

                        Content widget1111

                        </p>

                       </div>

        </div>

		       <div class="box" id='1'>

                <div class="box-header" id='2'>

                    Header Widget2

                </div>

                      <div class="box-content">

                        <p>

                        Content widget2222

                        </p>

                       </div>

                </div>

			<div class="box" id='2'>

                <div class="box-header" >

                    Header Widget3

                </div>

                      <div class="box-content">

                        <p>

                        Content widget3333

                        </p>

                       </div>

                </div>

   </div>

现在需要首先将最外层column这个层清空然后将里面的box 按id的倒叙排列就是： 2 1 0

请大家帮忙

...全文

72 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

囧 2010-07-27

打赏
举报



$(".column").html($($(".column .box").get().reverse()));;

whltian 2010-07-27

打赏
举报

xslt可以去查下帮助文档

jianquanpan 2010-07-27

打赏
举报

parent_Obj.append(f_c_3_Obj).append(f_c_2_Obj).append(f_c_1_Obj);

jianquanpan 2010-07-27

打赏
举报



function test() {

var parent_Obj = $("#column");

var f_c_1_Obj = $("#1");

var f_c_2_Obj = $("#2");

var f_c_3_Obj = $("#3");

parent_Obj.html("");

parent_Obj.append(f_c_1_Obj).append(f_c_2_Obj).append(f_c_3_Obj);

}

hoojo 2010-07-27

打赏
举报



var o1 = $("div[id=0]");

var o2 = $("div[id=1]");

var o3 = $("div[id=2]");

$(".column").empty().append(o3).append(o2).append(o1);

zhangshaolongjj 2010-07-27

打赏
举报

<div class="column" id="column">
<div class="box" id='ID0'>
<div class="box-header">
Header Widget1
</div>
<div class="box-content">
<p>
Content widget1111
</p>
</div>
</div>
<div class="box" id='ID1'>
<div class="box-header">
Header Widget2
</div>
<div class="box-content">
<p>
Content widget2222
</p>
</div>
</div>
<div class="box" id='ID2'>
<div class="box-header" >
Header Widget3
</div>
<div class="box-content">
<p>
Content widget3333
</p>
</div>
</div>
</div>
<script type="text/javascript">
function sortDiv(){
var divArr = [];
var divs = document.getElementById("column").childNodes;
for(var i=0;i<divs.length;i++){
if(divs[i].nodeType == 1){
divArr.push(divs[i]);
}
}
var parent = document.getElementById("column").parentNode;
parent.removeChild(document.getElementById("column"));
for(var j=divArr.length-1;j>=0;j--){
parent.appendChild(divArr[j]);
}
}
onload = function(){
sortDiv();

}
</script>

myhope88 2010-07-27