$(tbody).find('tr').eq(1).find('td').eq(2);
建网站原本是网站策划师、网络程序员、网页设计师等,应用各种网络程序开发技术和网页设计技术配合操作的协同工作。成都创新互联专业提供网站制作、成都网站制作,网页设计,网站制作(企业站、自适应网站建设、电商门户网站)等服务,从网站深度策划、搜索引擎友好度优化到用户体验的提升,我们力求做到极致!
这条代码取的是第1个tr的第2个td
你可以用$(tbody).find('tr').size()取所有tr
然后在循环中取第二个td
因为tr的下标是从0开始的,所以实际取的则是第i-1个下标的元素。比如,你想取第二个tr,那么就是$("table tr:eq(1)"),想去第58个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的文本内容,$.trim()去空格
});
alert(valArr.join(";"));//输出结果
获取tbody里面所有的td值我们可以通过获取tbody这个页面元素下面所有的tr元素,获取后通过遍历的方式来获取所有的td值。
以下面这个HTML代码为例来看一看怎么获取tbody里面所有的td值
HTML代码:
注意,一定要给tbody设置一个id,这样后面才能通过id获得tobody这个网页元素。
jquery代码如下:
这里使用一个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
你好!
可以使用元素选择器来获取:
//获取div下所有的TR或TD
$("DIV").find("TR");
$("DIV").find("TD");
//获取div下的子TR或子TD元素
$("DIV TR");
$("DIV TD");
希望对你有帮助!