欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery獲取Table某列的值(推薦)

 更新時間:2017年03月03日 14:03:04   作者:Insus.NET  
這篇文章主要介紹了jQuery獲取Table某列的值,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

在寫此篇博文時,發(fā)現(xiàn)在以前曾寫過《獲取DataTable選擇第一行某一列值》http://www.cnblogs.com/insus/p/5434062.html 。

但是與此篇所說的完全不一樣。這篇Insus.NET需要的是jQuery去獲取html table的某一行某一列的數(shù)據(jù)。

如下表:

Html code:

<table>
    <tr>
      <th style="width:10px;"><input id="SelectAll" type="checkbox" /></th>
      <th>ID</th>
      <th>費(fèi)用名目</th>
      <th>費(fèi)用解釋</th>
      <th>收費(fèi)明細(xì)</th>
      <th>幣種</th>
      <th style="width:50px;">操作</th>
    </tr>
    @foreach (var m in new HighwayAdditionalChargeEntity().HighwayAdditionalCharges())
      {
      <tr class="trData">
        <td><input id="" class="SelectSingle" type="checkbox" value="@m.HighwayAdditionalCharge_nbr" /></td>
        <td>@m.HighwayAdditionalCharge_nbr</td>
        <td>@m.Item</td>
        <td>@m.Description</td>
        <td>@m.Itemizations</td>
        <td>@m.Currency</td>
        <td>
          <input class="Select" id="ButtonSelect" type="button" value="選擇" />
        </td>
      </tr>
    }
  </table>

 當(dāng)用戶點(diǎn)擊某一行最后一列的“選擇”銨鈕時,想獲取此銨鈕本行中某一列的數(shù)據(jù)。

Insus.NET有在圖中示出,列與索引。索引是從0開始。如想獲取“費(fèi)用名目”列值,此列的列索引是2。

 演示:

上面我們獲取值,是使用了.text()方法。但某一時候,你想獲取列的值,它是html代碼,那我們可以使用.html()方法。下面Insus.NET稍修改一下:

演示:

其實(shí),使用索引來獲取值,只是一種方法,但它不是Insus.NET最理想的方法首選。由于數(shù)據(jù)行是動態(tài)呈現(xiàn),列也有可能會變更。因此Insus.NET還是習(xí)慣使用樣式class來實(shí)現(xiàn):

舉個列子,想獲取“費(fèi)用解釋”列的值,在此列添加一個class:


jQuery代碼:

演示:

以上所述是小編給大家介紹的jQuery獲取Table某列的值,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論