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)站的支持!
- jquery dataTable 后臺加載數(shù)據(jù)并分頁實(shí)例代碼
- jQuery使用DataTable實(shí)現(xiàn)刪除數(shù)據(jù)后重新加載功能
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法
- select下拉框插件jquery.editable-select詳解
- jQuery實(shí)現(xiàn)動態(tài)添加tr到table的方法
- jquery獲取table指定行和列的數(shù)據(jù)方法(當(dāng)前選中行、列)
- 使用jquery給指定的table動態(tài)添加一行、刪除一行
- jQuery 獲取遍歷獲取table中每一個tr中的第一個td的方法
- jQuery EasyUI Tab 選項(xiàng)卡問題小結(jié)
- jquery+css實(shí)現(xiàn)Tab欄切換的代碼實(shí)例
相關(guān)文章
jquery實(shí)現(xiàn)checkbox 全選/全不選的通用寫法
本篇文章主要是對jquery實(shí)現(xiàn)checkbox 全選/全不選的通用寫法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02jQuery溫習(xí)篇 強(qiáng)大的JQuery選擇器
學(xué)習(xí)jQuery已經(jīng)有1年多的時間了,但是一直由于做WinForm程序開發(fā)沒有經(jīng)常實(shí)踐?,F(xiàn)在又開始重拾WebForm開發(fā)。寫幾篇jQuery系列,溫習(xí)下jQuery框架的知識。2010-04-04獲取select的value、text值的簡單示例(jquery與javascript)
本篇文章主要分享了獲取select的value、text值的簡單示例代碼,代碼簡潔明了,有需要的朋友可以參考下2016-12-12jQuery?UI旋轉(zhuǎn)器部件Spinner?Widget
這篇文章介紹了jQuery?UI旋轉(zhuǎn)器部件Spinner?Widget,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06jQuery 1.3 和 Validation 驗(yàn)證插件1.5.1
jQuery 1.3已經(jīng)新鮮出爐了,你可以通過jQuery 的官方博客查看相關(guān)細(xì)節(jié)。jQuery三歲了!2009-07-07JQuery實(shí)現(xiàn)table行折疊效果以JSON做數(shù)據(jù)源
這篇文章主要介紹JQuery實(shí)現(xiàn)的table行折疊效果并以JSON做數(shù)據(jù)源,需要的朋友可以參考下2014-05-05jquery插件hiAlert實(shí)現(xiàn)網(wǎng)頁對話框美化
hiAlert是一款基于jQuery的信息提示插件,它支持操作成功、操作失敗和操作提醒三種信息提示方式。hiAlert瀏覽器兼容性非常好,支持更改提示內(nèi)容,支持定位提示框的位置,可配置插件參數(shù)。2015-05-05