程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery通过对值进行排序来移动元素大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决jQuery通过对值进行排序来移动元素?

开发过程中遇到jQuery通过对值进行排序来移动元素的问题如何解决?下面主要结合日常开发的经验,给出你关于jQuery通过对值进行排序来移动元素的解决方法建议,希望对你解决jQuery通过对值进行排序来移动元素有所启发或帮助; | 我对元素的排序和排列有疑问。首先,我需要按某个值(例如价格,日期,名称)对元素进行排序,然后根据该值在页面上应用元素的布局。我发现了很多插件和排序功能,但它们只是改变了排列下元素的值。我不知道如何排序元素,然后根据排序值更改它们的位置。 例如我有HTML结构:
<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,请注明来意。