jquery遍歷table的tr獲取td的值實(shí)現(xiàn)方法
html代碼:
<tbody id="history_income_list"> <tr> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><a class="" onclick="history_income_del(this);" href="###">刪除</a></td> </tr> <tr> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><a class="" href="###">刪除</a></td> </tr> <tr> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><input type="text" class="input-s input-w input-hs"></td> <td align="center"><a class="" href="###">刪除</a></td> </tr> </tbody>
方法一:
var trList = $("#history_income_list").children("tr") for (var i=0;i<trList.length;i++) { var tdArr = trList.eq(i).find("td"); var history_income_type = tdArr.eq(0).find("input").val();//收入類別 var history_income_money = tdArr.eq(1).find("input").val();//收入金額 var history_income_remark = tdArr.eq(2).find("input").val();// 備注 alert(history_income_type); alert(history_income_money); alert(history_income_remark); }
方法二:
$("#history_income_list").find("tr").each(function(){ var tdArr = $(this).children(); var history_income_type = tdArr.eq(0).find("input").val();//收入類別 var history_income_money = tdArr.eq(1).find("input").val();//收入金額 var history_income_remark = tdArr.eq(2).find("input").val();// 備注 alert(history_income_type); alert(history_income_money); alert(history_income_remark); });
以上這篇jquery遍歷table的tr獲取td的值實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- JQuery動(dòng)態(tài)給table添加、刪除行 改進(jìn)版
- jquery獲取table中的某行全部td的內(nèi)容方法
- jquery sortable的拖動(dòng)方法示例詳解
- jQuery操作表格(table)的常用方法、技巧匯總
- jquery easyui 結(jié)合jsp簡單展現(xiàn)table數(shù)據(jù)示例
- jQuery表格插件datatables用法詳解
- jQuery表格插件datatables用法總結(jié)
- jQuery實(shí)現(xiàn)獲取table表格第一列值的方法
- jQuery實(shí)現(xiàn)動(dòng)態(tài)添加tr到table的方法
- jQuery實(shí)現(xiàn)動(dòng)態(tài)操作table行
相關(guān)文章
jQuery實(shí)現(xiàn)發(fā)送驗(yàn)證碼并60秒倒計(jì)時(shí)功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)發(fā)送驗(yàn)證碼并60秒倒計(jì)時(shí)功能,非常不錯(cuò),代碼簡單易懂,需要的朋友參考下吧2016-11-11jQuery實(shí)現(xiàn)貪吃蛇小游戲(附源碼下載)
網(wǎng)上關(guān)于JS實(shí)現(xiàn)貪吃蛇的文章有很多,最近閑來無事,想著利用jQury來實(shí)現(xiàn)貪吃蛇小游戲,下面實(shí)現(xiàn)這篇文章主要介紹了利用jQuery實(shí)現(xiàn)貪吃蛇小游戲的方法,文中給出的是吸納思路和示例代碼,需要的朋友可以參考下。2017-03-03jquery實(shí)現(xiàn)動(dòng)態(tài)畫圓
這篇文章主要給大家分享了一段jquery實(shí)現(xiàn)動(dòng)態(tài)畫圓代碼,需要的朋友可以參考下2014-12-12jQuery實(shí)現(xiàn)異步獲取json數(shù)據(jù)的2種方式
這篇文章主要介紹了jQuery實(shí)現(xiàn)異步獲取json數(shù)據(jù)的2種方式,主要講述了$.getJSON方法與$.ajax方法,非常實(shí)用,需要的朋友可以參考下2014-08-08jQuery實(shí)現(xiàn)獲取table表格第一列值的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)獲取table表格第一列值的方法,涉及jQuery針對table表格元素的遍歷與讀取相關(guān)技巧,需要的朋友可以參考下2016-03-03jquery選擇器中的空格與大于號>、加號+與波浪號~的區(qū)別介紹
這篇文章主要介紹了jquery選擇器中的空格與大于號>、加號+與波浪號~的區(qū)別介紹的相關(guān)資料,需要的朋友可以參考下2016-06-06jQuery easyui刷新當(dāng)前tabs的方法
這篇文章給大家介紹了jquery easyui刷新當(dāng)前tabs的方法,本文涉及到param參數(shù)的屬性知識點(diǎn),本文通過實(shí)例給大家介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-09-09