0

我正在尝试拉表上的标题字段，以便我可以手动调整字段的大小。我试图访问的标题具有"paymentStatus"的 data-dynatable-column 。这是检查每个绑定到特定表的函数：

  $("#DetCheckResults td").each(function () {

             var xyzh = $(this).html();
             var tdId = $(this).closest('th').find(".dynatable-head").text();   

             alert("Value of tdId field is " + tdId) ;

              xyzh = xyzh.replace(/,/g, "");

               if ($.isNumeric(xyzh))
               {

                  $(this).css("text-align", "right");
               }                                                  

              if (tdId === "paymentStatus") 
              {

                  $(this).css("width", "10%");
              }        
           });

以下是对该表的说明：

      <table class="tablesaw tablesaw-stack table-responsive" id="detailCheck_search_results" data-tablesaw-mode="stack">
        <thead>
          <tr>
            <th class="dynatable-head" data-dynatable-column="transmittal"><a class="dynatable-sort-header" href="#">Transmittal</a></th>
            <th class="dynatable-head" data-dynatable-column="naid"><a class="dynatable-sort-header" href="#">NAID</a></th>
            <th class="dynatable-head" data-dynatable-column="transmittalTotal"><a class="dynatable-sort-header" href="#">Transmittal Total</a></th>
            <th class="dynatable-head" data-dynatable-column="checkNumber"><a class="dynatable-sort-header" href="#">Check Number</a></th>
            <th class="dynatable-head" data-dynatable-column="payeeId"><a class="dynatable-sort-header" href="#">Payee ID</a></th>
            <th class="dynatable-head" data-dynatable-column="paymentStatus"><a class="dynatable-sort-header" href="#">Payment Status</a></th>
       </tr>
          </thead>
          <tbody>                                                       
             <tr>
                 <td style="text-align: left;">SFF CB 16 00005</td>
                 <td style="text-align: left;">CASANDI500</td>
                 <td style="text-align: right;">7,181.42</td>
                 <td style="text-align: right;">403053601263</td>
                 <td style="text-align: left;">XXXXX0934</td>
                 <td style="text-align: left;">A</td>
             /tr> 
        /table>

您能否查看“tdId”字段的定义，了解如何正确拉出标题。谢谢

4

1 回答 1

1

您正在错误地遍历表 dom。您要查找的 th 元素不是您正在操作的 td 的直接祖先。

你需要做： 

$(this).closest("table").find("th").eq($(this).index());

并引用你需要做的数据ID：

tdId.data("dynatable-column") === "paymentStatus"

看到这个 jsfiddle （我将样式更改为颜色以轻松查看更改）

https://jsfiddle.net/algorithmicMoose/p3L3bov2/

于 2016-07-20T19:05:05.513 回答