Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何对JQuery Handlebar生成的数据进行排序?_Javascript_Jquery_Html_Sorting_Handlebars.js - Fatal编程技术网

Javascript 如何对JQuery Handlebar生成的数据进行排序?

Javascript 如何对JQuery Handlebar生成的数据进行排序?,javascript,jquery,html,sorting,handlebars.js,Javascript,Jquery,Html,Sorting,Handlebars.js,我有从handlebar.js动态生成的数据。数据填充在div的内部div中。我想根据handlebar生成的不同属性对数据进行排序 我想根据姓名、计算机代码、父亲姓名等进行分类 这是密码 ` {{{每位律师名单} <li id="Record" style="padding-left: 0px;" class="col-lg-12 col-md-7 col-xs-12 no-padding"> <div class="list-uns

我有从handlebar.js动态生成的数据。数据填充在div的内部div中。我想根据handlebar生成的不同属性对数据进行排序

我想根据姓名、计算机代码、父亲姓名等进行分类 这是密码 `
{{{每位律师名单}

        <li id="Record" style="padding-left: 0px;" class="col-lg-12 col-md-7 col-xs-12 no-padding">
            <div class="list-unstyled">
            <div class="row no-margin">
            <div style="width: 90px;" class="no-padding shadow-10 pull-left">
            <div class="crop">
            <span class="helper">
            </span>
            <img src="/Content/images/nopic.jpg" style="width: 85%;" >

            </div>
            </div>
            <div style="padding-left: 20px; padding-right:0; margin-left:90px; min-height: 90px;">
            <a href="/profile/53f45c88dabfaedf43621afb" target="_blank" class="un-styled">
            <h6 class="people-result-name">
                <strong id="name" style="margin-right:5px" class="ng-binding">{{Name}} S/O {{FatherName}} </strong>
            </h6>
            </a>
            <p style="margin-top: 5px; margin-bottom: 5px;" class="font-xs">
            <strong class="text-danger">Office Contact: &nbsp;</strong>
            <span class="ng-binding">{{OfficeContact}}</span>
            <span class="color-grey">&nbsp; | &nbsp;</span>
            <strong class="text-danger">Cell No: &nbsp;</strong>
            <span class="ng-binding">{{CellNo}}</span>
            <span class="color-grey">&nbsp; | &nbsp;</span>
            <strong class="text-danger">Computer Code : &nbsp;</strong>
            <span class="ng-binding">{{ComputerCode}}</span>
            </p>
            <div style="min-height: 20px;" class="list-unstyled">
            <div ng-if="!result.contact.affiliation &amp;&amp; result.org" class="ng-scope">
            <div class="font-xs ng-binding">
            {{OfficeAddress}}
            </div>
            </div>

            <div ng-show="result.homepage" class="ng-hide">
            <div class="font-xs">

            <a href="" class="linked ng-binding"></a>
            </div>
            </div>
            </div>
            <div ng-repeat="tag in result.tags" class="btn-u btn-brd rounded btn-u-default btn-xs btn-interest ng-scope">
            <a href="/search/K-Feldspar" style="color: gray;" class="font-xs ng-binding">Civil</a>
            </div>
            <div ng-repeat="tag in result.tags" class="btn-u btn-brd rounded btn-u-default btn-xs btn-interest ng-scope">
            <a href="/search/Dates" style="color: gray;" class="font-xs ng-binding">Family</a>
            </div>
            <div ng-repeat="tag in result.tags" class="btn-u btn-brd rounded btn-u-default btn-xs btn-interest ng-scope">
            <a href="/search/Miocene" style="color: gray;" class="font-xs ng-binding">Corporate</a>
            </div>
            <div ng-repeat="tag in result.tags" class="btn-u btn-brd rounded btn-u-default btn-xs btn-interest ng-scope">
            <a href="/search/Paleoelevation" style="color: gray;" class="font-xs ng-binding">Criminal</a>
            </div>
            <div ng-repeat="tag in result.tags" class="btn-u btn-brd rounded btn-u-default btn-xs btn-interest ng-scope">
            <a href="/search/Stable Isotopes" style="color: gray;" class="font-xs ng-binding">Terrorist</a>
            </div>
            </div><div style="padding-right:0; padding-left:110px"><hr style="margin-top: 15px; margin-bottom: 15px"></div></div></div>
        </div><!---End of col-lg-12 col-md-7 col-xs-12 no-padding--->
            {{/each}}
        </li>
            <!---End of Record--->
            </script>
    </ul>
            </div>  
  • 办公室联系人: {{OfficeContact}} | 单元格编号: {{CellNo} | 计算机代码: {{ComputerCode}}

    {{OfficeAddress}
    {{/每个}}
  • `

    您可以使用jQuery函数sort()对结果(从ajax返回)进行排序。 例如:

    var homes = [
        {
            "h_id": "3",
            "city": "Dallas",
            "state": "TX",
            "zip": "75201",
            "price": "162500"
        }, {
            "h_id": "4",
            "city": "Bevery Hills",
            "state": "CA",
            "zip": "90210",
            "price": "319250"
        }, {
            "h_id": "5",
            "city": "New York",
            "state": "NY",
            "zip": "00010",
            "price": "962500"
        }];
    homes.sort(function(a,b) { return parseFloat(a.price) - parseFloat(b.price) } );