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

jQuery獲取Table某列的值（推薦）

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

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

但是與此篇所說(shuō)的完全不一樣。這篇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í)，想獲取此銨鈕本行中某一列的數(shù)據(jù)。

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

 演示：

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

演示：

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

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


jQuery代碼：

演示：

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

相關(guān)文章

最新評(píng)論