6个回答
展开全部
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的<script>标签，输入jquery代码：
$('body').append($('table tr').find('td:eq(2)').text());
3、浏览器运行index.html页面，此时成功获取了所有table下第3列的数据并打印出了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("table tr").find("td:eq(2)")示例如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
td{border: 1px solid #ccc}
.red{background: #ff0000;}
</style>
<script>
$(function(){
$("table tr").find("td:eq(2)").addClass('red');
})
</script>
</head>
<body>
<p>table 1</p>
<table>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
</table>
<p>table 2</p>
<table>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
</table>
<p>table 3</p>
<table>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
</table>
</table>
</body>
</html>
效果
更多追问追答
追问
就你的好使啊。。那我再问一下，怎么获取当前td的父结点（tr）的第一个td??
追答
$(this).parent().find("td:eq(0)")
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jQuery的nth-child(index)来解决。index代表第index个子元素，从1开始计（不是从0），代码很简单：
$("table tr td:nth-child(3)")“table tr”表示table下所有的tr元素，"td:nth-child(3)"代表第三个子元素
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
下面方法可以试试，这个主要就是选择器的合用呗：
1:$("table tr td:eq(2)");
2:$("table tr td").slice(2,3);
1:$("table tr td:eq(2)");
2:$("table tr td").slice(2,3);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
