javascript怎么让div排列好 35
<li><?php$dosql->Execute("SELECT*FROM`#@__infoimg`WHEREclassid=13ANDdelstate=''ANDche...
<li>
<?php
$dosql->Execute("SELECT * FROM `#@__infoimg` WHERE classid=13 AND delstate='' AND checkinfo=true ORDER BY orderid DESC LIMIT 0,4");
while($row = $dosql->GetArray())
{
if($row['linkurl'] != '')$gourl = $row['linkurl'];
else $gourl = 'javascript:;';
?>
<div class="spe_pic" id="0">
<a href="<?php echo $gourl; ?>" target="_blank">
<img src="<?php echo $row['picurl']; ?>" data-original="" width="360" height="225" style="display: inline;">
</a>
</div>
<div class="spe_box">
<div class="spe_title">
<p class="font20 font_b">步步高xplay5</p>
曲屛·金属 xplay5 震撼发售·12内期免息，审核通过后两天发货！
<br>
</div>
<p class="al_center font14">
<span class="font_orange font20">￥3698</span>
<span class="font_del font12">￥3698</span>
<br> 月供： 187.37×24
</p>
距特卖结束
<div class="spe_time" id="tmsj313">
0天<s id="h"></s>:时<s></s>:39分<s></s>:05秒
</div>
</div>
<div class="clear">
</div>
<?php
}
?>
我从数据库把数据遍历出来，四条数据，正常是分为两列两行 他现在就一列四个排下来 展开
<?php
$dosql->Execute("SELECT * FROM `#@__infoimg` WHERE classid=13 AND delstate='' AND checkinfo=true ORDER BY orderid DESC LIMIT 0,4");
while($row = $dosql->GetArray())
{
if($row['linkurl'] != '')$gourl = $row['linkurl'];
else $gourl = 'javascript:;';
?>
<div class="spe_pic" id="0">
<a href="<?php echo $gourl; ?>" target="_blank">
<img src="<?php echo $row['picurl']; ?>" data-original="" width="360" height="225" style="display: inline;">
</a>
</div>
<div class="spe_box">
<div class="spe_title">
<p class="font20 font_b">步步高xplay5</p>
曲屛·金属 xplay5 震撼发售·12内期免息，审核通过后两天发货！
<br>
</div>
<p class="al_center font14">
<span class="font_orange font20">￥3698</span>
<span class="font_del font12">￥3698</span>
<br> 月供： 187.37×24
</p>
距特卖结束
<div class="spe_time" id="tmsj313">
0天<s id="h"></s>:时<s></s>:39分<s></s>:05秒
</div>
</div>
<div class="clear">
</div>
<?php
}
?>
我从数据库把数据遍历出来，四条数据，正常是分为两列两行 他现在就一列四个排下来 展开
1个回答
2018-01-10 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
<body>
<div data-id="1">1111111</div>
<div data-id="4">2222222</div>
<div data-id="3">3333333</div>
<div data-id="5">4444444</div>
<div data-id="2">5555555</div>
</body>
<script>
var aDiv = document.getElementsByTagName('div');
var arr = [];
for(var i=0;i<aDiv.length;i++)
{
arr.push(aDiv[i]); //aDiv是元素的集合，并不是数组，所以不能直接用数组的sort进行排序。
}
arr.sort(function(a,b){return a.getAttribute('data-id') - b.getAttribute('data-id')});
for(var i=0;i<arr.length;i++)
{
document.body.appendChild(arr[i]); //将排好序的元素，重新塞到body里面显示。
}
</script>
思路：给div添加私有属性，通过私有属性排序。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
