分配数据属性值的问题。 [英] Problem assigning data attribut value.

问题描述

我正在尝试在点击时将数据属性分配给th元素，以便我可以对表进行排序。但它不工作





Dom。

 <   thead  >  
 <   tr  >  
 <   th     class   =  sort-odrdtl-tbl    data-column   = < span class =code-keyword> 0    data-sort-dir   =  asc >  OrderId &升t;   / th  >  
 <   th     class   =  sort-odrdtl-tbl    data-column   =  1    data-sort-dir   =  asc > 说明<  < span class =code-leadattribute> / th  >  
 <   th     class   =  sort-odrdtl-tbl    data-column   =  2    data-sort-dir   =  asc >  Quatity <  < span class =code-leadattribute> / th  >  
 <   th     class   =  sort-odrdtl-tbl    data-column   =  4    data-sort-dir   =  asc > 请求日期<   / th  >  
 <   th     class   =  sort-odrdtl-tbl   数据列  =  5    data-sort-dir   =  asc  > 原因<   / th  >  
 <   / tr  >  
 <   / thead  >  
 

我尝试过：

 $（文件）.ready（function（） {
 
 
 //初始化
 
 $（'#loadingWait'）。hide（）; 
 
 var token = $（'[name = __ RequestVerificationToken]'）。val（）; 
 
 
 
 $（'。sort-odrdtl-tbl'）。on（'click'，function（）{
 
 $（this） .data（'sort-dir'，'desc'）; 
 //$(this).first().data('sort-dir'，'desc'）; 
 
 
调试器; 
 
}）
 
}）; 
 

解决方案

（document）.ready（function（）{


//初始化

（'#loadingWait'）。hide（）;

var token =

（'[命名= __ RequestVerificationToken]'）VAL（）;

I am trying assign data attribute to th element on click so that I could sort the table. But it's not working


Dom.

<thead>
    <tr>
        <th class="sort-odrdtl-tbl" data-column="0" data-sort-dir="asc">OrderId</th>
        <th class="sort-odrdtl-tbl" data-column="1" data-sort-dir="asc">Descriptions</th>
        <th class="sort-odrdtl-tbl" data-column="2" data-sort-dir="asc">Quatity</th>
        <th class="sort-odrdtl-tbl" data-column="4" data-sort-dir="asc">Requested Date</th>
        <th class="sort-odrdtl-tbl" data-column="5" data-sort-dir="asc">Reason</th>
    </tr>
</thead>

What I have tried:

$(document).ready(function () {


       // initialization

       $('#loadingWait').hide();

       var token = $('[name=__RequestVerificationToken]').val();



       $('.sort-odrdtl-tbl').on('click', function () {

          $(this).data('sort-dir', 'desc');
           //$(this).first().data('sort-dir', 'desc');


           debugger;

       })

   });

解决方案

(document).ready(function () { // initialization

('#loadingWait').hide(); var token =

('[name=__RequestVerificationToken]').val();

这篇关于分配数据属性值的问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！