jquery 怎么获取tr下的第二个td元素?

$("#tableID").find("tr").each(function(){
var td2=$(this).???? //这怎么写?

});
不是吧,我是循环所有tr 再获取每个tr中第二到第八个td的innerHTML

有两种方法可以获取tr下的第二个td元素:

1、使用css选择器,$("tr td:nth-child(2)")。

2、使用遍历函数eq()。

下面就以上两个方法进行实例演示:单击按钮改变所有行的第二个单元格的样式,单击任意行改变该行第二个单元格的样式。

1、HTML结构

<table id = "test">
<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
<input type="button" id="btn" value="设置">

2、jquery代码

$(function(){
$("#btn").click(function() {
$("#test tr td:nth-child(2)").addClass('red');
});
$("#test tr").click(function() {
$(this).children('td').eq(1).addClass('red');
});
});

3、效果演示

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-03-30

有两种方法可以获取tr下的第二个td元素:

1、使用css选择器,$("tr td:nth-child(2)")。

2、使用遍历函数eq()。

下面就以上两个方法进行实例演示:单击按钮改变所有行的第二个单元格的样式,单击任意行改变该行第二个单元格的样式。

本回答被网友采纳
第2个回答  推荐于2017-09-27
<table id="test">
<tr>
<td>
1
</td>
<td>
2
</td>
</tr>
<tr>
<td>

</td>
<td>

</td>
</tr>
</table>

JQuery:
$(document).ready(function () {
$('#test tr').each(function () {
alert($(this).children('td').eq(1).html());
});
});

以上代码完整无误,请试试吧!本回答被提问者采纳
第3个回答  2011-03-11
alert($(this).children().eq(1).html());
第二个td
第4个回答  2011-03-11
$(this).next('td)

jquery 怎么获取tr下的第二个td元素?
有两种方法可以获取tr下的第二个td元素:1、使用css选择器,$("tr td:nth-child(2)")。2、使用遍历函数eq()。下面就以上两个方法进行实例演示:单击按钮改变所有行的第二个单元格的样式,单击任意行改变该行第二个单元格的样式。

jQuery怎么取到每个tr里的第二个td
\/\/下标从0开始,第二个是1$("tr td:eq(1)").each(function(){ $(this).addClass('hit'); \/\/为每个命中的添加个class \/\/你自己在这里做你想要做的处理});希望能够帮到你

jquery遍历table的tr获取td的值(jquery遍历表单元素)
注意,一定要给tbody设置一个id,这样后面才能通过id获得tobody这个网页元素。jquery代码如下:这里使用一个list来获取了所有的tr,然后再遍历tr里面的td值。jQuery怎么遍历表格,获取每一列的值tableclass="tabletable-hover"id="test123"tr thwidth="45"选择\/th thwidth="100"驾校名称\/th thwidth="...

jquery怎么得到tr下所有td
('#id-tr > td') \/\/ 这个可以得到id为id-tr下的直系td子元素$('#id-tr td') \/\/这个可以得到id为id-tr下的所有td子元素

jquery怎么获取tr下的td的内容
\/\/ 不分行$('table td').each(function (i, td) { console.log(td.innerText);})\/\/ 分行$('table tr').each(function (i, tr) { \/\/ 这里获取tr下面的td,同理循环})

jquery中我获取到tr的值,再想获取里面每个td的值,怎么获取?
><td>001<\/td><td>张三<\/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(";"));\/\/输出结果 ...

jQuery元素选择器选每行第二个元素
三十三、JQuery简介+选择器

JQuery 根据TableID获取Table下面Tbody中第五个Tr中前两个td
(4)<tr><td>4<\/td><td>1<\/td><td>2<\/td><td>3<\/td><\/tr>。(5)<\/table><input type="button" id="btn" value="设置">。1、介绍:(1)基本信息:jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。(2)研发团队:由John Resig在2006年1月的BarCamp NYC上...

JQuery怎么查找tr下面某个name的td内容
电脑、html编辑器、浏览器。1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的<script>标签,输入jquery代码:('body').append($('tr td[name="a"]').text());3、浏览器运行index.html页面,此时成功查找到了tr下name为“a”的td的内容。

怎么用jquery获取DIV中的TR和TD
你好!可以使用元素选择器来获取:\/\/获取div下所有的TR或TD$("DIV").find("TR");$("DIV").find("TD");\/\/获取div下的子TR或子TD元素$("DIV >TR");$("DIV >TD");希望对你有帮助!

相似回答