$(tbody).find('tr').eq(1).find('td').eq(2);
建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁(yè)設(shè)計(jì)師等,應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)配合操作的協(xié)同工作。成都創(chuàng)新互聯(lián)專業(yè)提供網(wǎng)站制作、成都網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站制作(企業(yè)站、自適應(yīng)網(wǎng)站建設(shè)、電商門戶網(wǎng)站)等服務(wù),從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗(yàn)的提升,我們力求做到極致!
這條代碼取的是第1個(gè)tr的第2個(gè)td
你可以用$(tbody).find('tr').size()取所有tr
然后在循環(huán)中取第二個(gè)td
因?yàn)閠r的下標(biāo)是從0開始的,所以實(shí)際取的則是第i-1個(gè)下標(biāo)的元素。比如,你想取第二個(gè)tr,那么就是$("table tr:eq(1)"),想去第58個(gè)tr則是$("table tr:eq(57)")
就可以了
已知HTML:tr id="row001"td001/tdtd張三/td/tr
JQUERY代碼:
var $tr=$("#row001"),valArr=[];//$tr是獲取的tr
$tr.find("td").each(function(){
valArr.push($.trim($(this).text()));//.text()獲取td的文本內(nèi)容,$.trim()去空格
});
alert(valArr.join(";"));//輸出結(jié)果
獲取tbody里面所有的td值我們可以通過獲取tbody這個(gè)頁(yè)面元素下面所有的tr元素,獲取后通過遍歷的方式來獲取所有的td值。
以下面這個(gè)HTML代碼為例來看一看怎么獲取tbody里面所有的td值
HTML代碼:
注意,一定要給tbody設(shè)置一個(gè)id,這樣后面才能通過id獲得tobody這個(gè)網(wǎng)頁(yè)元素。
jquery代碼如下:
這里使用一個(gè)list來獲取了所有的tr,然后再遍歷tr里面的td值。
tr onclick="setId($(this),'${u.id}')" id="${u.id }" name="show_data_tr"
function setId(tr,uid){
id= uid ;
tr.css("background-color","#e5e5e5").siblings().css("background-color", "#FFFFFF") ; // 起作用了
}
table
tr
td name="name1" value="hello" onclick="helloWorld(this)"/td
td name="name2" ?value="hello"/td
td name="name3" ?value="hello"/td
td name="name4" ?value="hello"/td
/tr
tr
td name="name1" ?value="hello"/td
td name="name2" ?value="hello"?/td
td name="name3" ?value="hello"/td
td name="name4" ?value="hello"/td
/tr
?tr
td name="name1"??value="hello" /td
td name="name2" ?value="hello"/td
td name="name3" ?value="hello"?/td
td name="name4" ?value="hello"/td
? /tr
table
javascript
function helloWorld(e){
$(e).parent().parent().children().find("[name='name1']").val()
}
javascript
你好!
可以使用元素選擇器來獲?。?/p>
//獲取div下所有的TR或TD
$("DIV").find("TR");
$("DIV").find("TD");
//獲取div下的子TR或子TD元素
$("DIV?TR");
$("DIV?TD");
希望對(duì)你有幫助!
本文標(biāo)題:jquery獲取tr,jquery獲取tr下的td值
文章網(wǎng)址:http://m.rwnh.cn/article22/phgjcc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、品牌網(wǎng)站設(shè)計(jì)、App設(shè)計(jì)、響應(yīng)式網(wǎng)站、軟件開發(fā)、網(wǎng)站維護(hù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)