大佬教程收集整理的这篇文章主要介绍了jQuery通过对值进行排序来移动元素,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div ID=\"page-wrap>
<ul>
<li class=\"first\">
<p class=\"price\">2500</p>
</li>
<li class=\"second\">
<p class=\"price\">4300</p>
</li>
<li class=\"third\">
<p class=\"price\">1800</p>
</li>
<li class=\"fourth\">
<p class=\"price\">3871</p>
</li>
</ul> </div>
结果应该是(例如,按最低价格对元素进行排序和移动):
<div ID=\"page-wrap\">
<ul>
<li class=\"third\">
<p class=\"price\">1800</p>
</li>
<li class=\"fisrt\">
<p class=\"price\">2500</p>
</li>
<li class=\"fourth\">
<p class=\"price\">3871</p>
</li>
<li class=\"second\">
<p class=\"price\">4300</p>
</li>
</ul></div>
如您所见,我想通过最低价格(而不只是价值)更改元素的整体排列方式。
如果一些大师知道如何通过jquery或JavaScript做到这一点,我将非常感谢他。
谢谢回答
function comparePrice(a,b) {
return (parseInt($(a).find(\".price\").text(),10) - parseInt($(b).find(\".price\").text(),10));
}
$(\"li\").sort(comparePricE).appendTo(\"#page-wrap ul\");
, 我认为此插入排序方法确实会更改您的对象位置:
http://www.tomgreenaway.com/2009/01/jquery-list-insertion-sort-plugin/
我认为您必须根据自己的需要对其进行调整,因为您想对inside3ѭ内的价格进行排序。
以上是大佬教程为你收集整理的jQuery通过对值进行排序来移动元素全部内容,希望文章能够帮你解决jQuery通过对值进行排序来移动元素所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。