zoukankan      html  css  js  c++  java
  • 通过jQuery修改ui的顺序

    1.html代码 <ul class="around_list zuijin"></ul>

    2.js代码

     var juli = [
                    {'idx': '1', 'name': '天一阁', 's': 4537, 'juli': 4},
                    {'idx': '2', 'name': '天一广场', 's': 4347, 'juli': 3},
                    {'idx': '3', 'name': '月湖', 's': 4469, 'juli': 2},
                    {'idx': '5', 'name': '天封塔', 's': 3575, 'juli': 3},
                    {'idx': '6', 'name': '鼓楼步行街', 's': 3346, 'juli': 4},
                    {'idx': '7', 'name': '庆安会馆', 's': 3012, 'juli': 5},
                    {'idx': '8', 'name': '七塔寺', 's': 8000, 'juli': 6},
                    {'idx': '9', 'name': '七塔寺11', 's': 5000, 'juli': 6},
                ];

    3.触发事件

      $('.juli_paixu').click(function () {

          $('.zuijin').empty();

      var sageOrder = students.sort(function (a, b) {return (a.juli - b.juli);});

      $.each(sageOrder, function (index, value) {
                        $('.zuijin').append('<li class="list_one">'
                                + '<a href="<?= url(array(_A => 'view', _C => 'dest', 'destid' => $value['destid'])) ?>">'
                                + '<span class="info">'
                                + '<label class="idx">' + value.idx + '</label>'
                                + '<label class="title">' + value.name + '</label>'
                                + '<label class = "juli m" >' + value.s + '</label >'
                                + '</span>'
                                + '</a>'
                                + '</li>');
                    });

  • 相关阅读:
    Golang 函数,我觉得比较有意思的几个东西
    Golang 基础
    JVM快速扫盲篇
    好用的Scrum (敏捷开发)工具有哪些?推荐三个顶级的Scrum 管理工具
    一篇文章帮助你理解跑马灯的滚动原理
    如何来理解Python中的字典数据类型
    一篇文章带你了解HTML的网页布局结构
    通过webgoat-xxe、jwt学习Java代码审计
    DNS隧道
    KTL 一个支持C++14编辑公式的K线技术工具平台
  • 原文地址:https://www.cnblogs.com/YTzZ/p/4682855.html
Copyright © 2011-2022 走看看