代码总结：使用jquery给节点排序

最新推荐文章于 2021-10-11 17:35:46 发布

yicha_icode

最新推荐文章于 2021-10-11 17:35:46 发布

阅读量654

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/yicha_i/article/details/82622028

版权

在问答页面的开发中，面临根据最新提问、尚未回答和热门进行排列的需求。本文探讨了两种实现方式：一是根据tab标题多次从数据库获取并排序数据；二是前端一次性获取所有数据，利用jQuery根据自定义属性值对节点进行排序，减少数据库操作。具体实施包括为前台数据容器添加自定义属性以辅助排序。

摘要由CSDN通过智能技术生成

需求：一个问答页面，要提供三种排列（最新提问尚未回答热门）
情况：前页面是别人画的，有三个tab切换，我考虑如下两种情况：
（1）可以对应tab标题从数据库取相应类型的记录，分三次取数据；点击排列时，分别重新按三个类型再用order by取一遍，多次操作数据库。
（2）也可以一次从数据库取出所有类型的记录，通过控制display属性，达到tab切换，在前端通过jquery给节点按自定义属性值排序，单次操作数据库。

1.给前台数据容器标签添加自定义属性

<section class="box" type="${
    qn.type}" time="${
    qn.pubtime}" 
data="${
    qn.answers},${
    qn.votes},${
    qn.visitors}">

function sortByAVV(){
   
    //sortByAVV means by 5*Answer+3*Votes+1*Visitors
    var allBox = $(

关注

专栏目录