嘗試使用最接近和.find函數拉表標題字段

我想拉一個表的標題字段，以便我可以手動調整字段的大小。我試圖獲得的標題具有數據dynatable列「paymentStatus」。下面是檢查每個綁在特定的表功能：嘗試使用最接近和.find函數拉表標題字段

$("#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」字段的定義見我怎樣才能正確地拉頭。謝謝

來源

2016-07-20 hammerva

您正在遍歷表不正確。你正在尋找的第四個元素不是你正在操作的td的直接祖先。

你需要做的：

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

，並引用數據-ID，你需要做的：

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

看到這個的jsfiddle（我改變風格變化的顏色很容易地看到改變）

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

來源

2016-07-20 19:05:05 algorithmicMoose

嘗試使用最接近和.find函數拉表標題字段

回答

相關問題