本文介绍了一种利用jQuery库实现对HTML页面中带有特定属性的DIV元素进行排序的方法。通过将DIV元素按其属性值排序后重新插入到指定位置，实现了页面内容的动态调整。该方法适用于需要对页面元素进行快速排序的场景。
<script type="text/javascript">
$(function () {
var div = $('div').toArray().sort(function (a, b) {
return parseInt($(a).attr("str")) - parseInt($(b).attr("str"))
});
$(div).appendTo($("#tabOrders").children().children().children());
//alert($("#tabOrders").parent().parent().parent().children("td:first").find("div:first").html());
//$(div).appendTo('$("#tabOrders").parent().parent().children("td : first")')
});
</script>
<body>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<table id="tabOrders" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<div str="11">
11</div>
<div str="33">
33</div>
<div str="55">
55</div>
<div str="22">
22</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
当然：body里面的标签都可以自定义，大家随机应变就可以啦
扫一扫
368
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
