jquery 怎么获取tr下的第二个td元素？
$("#tableID").find("tr").each(function(){vartd2=$(this).????//这怎么写？});不是吧，我是循环所有tr再获取...
$("#tableID").find("tr").each(function(){
var td2=$(this).???? //这怎么写？
});
不是吧，我是循环所有tr 再获取每个tr中第二到第八个td的innerHTML 展开
var td2=$(this).???? //这怎么写？
});
不是吧，我是循环所有tr 再获取每个tr中第二到第八个td的innerHTML 展开
5个回答
展开全部
有两种方法可以获取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、效果演示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
苏州蓝晓生物科技有限公司_
2022-08-05 广告
苏州蓝晓生物科技有限公司。标准化核心产品：公司拥有完整的琼脂糖介质、葡聚糖介质、聚甲基丙烯酸酯介质生产线，年产分离介质50000L，产品质量稳定并达到国际领先水平。核心优势：公司核心技术人员拥有近二十年不同基质的基球开发和官能化的丰富技术经...
点击进入详情页
本回答由苏州蓝晓生物科技有限公司_提供
展开全部
<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());
});
});
以上代码完整无误，请试试吧！
<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());
});
});
以上代码完整无误，请试试吧！
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
alert($(this).children().eq(1).html());
第二个td
第二个td
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(this).next('td)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
