<table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0">
<tr>
<td height="25">第一行</td>
</tr>
<tr>
<td height="25">第二行</td>
</tr>
<tr>
<td height="25">第三行</td>
</tr>
<tr>
<td height="25">第四行</td>
</tr>
<tr>
<td height="25"><input type="button" name="getTableContent" value="获得表格内容" onclick="getTableContent(this)"></td>
</tr>
</table>
如上所示代码，按钮点击事件中传入this对象，此对象就是按钮本身。通过以下方法测试获取表格的数据
<script language="javascript">
function getTableContent(node) {
// 按钮的父节点的父节点是tr。
var tr1 = nodeparentNodeparentNode;
alert(tr1rowIndex);
alert(tr1cells[0]childNodes[0]value); //获取的方法一
alert(tr1cells[0]innerText);
// 通过以下方式找到table对象，在获取tr，td。然后获取td的html内容
var table = documentgetElementById("tb1");//获取第一个表格
var child = tablegetElementsByTagName("tr")[rowIndex - 1];//获取行的第一个单元格
var text = childfirstChildinnerHTML;
windowalert("表格第" + rowIndex + "的内容为: " + text);
}
</script>
为input加onBlur失去焦点事件，遍历input所在父级元素td的同级td元素,如果是当前处于第三个，则获取遍历的第一个td元素，再获取td元素下的input元素再获取值；
注：最好是在动态生成时对input 加一定规律的class属性，这样才能更加便捷的获取到元素进行 *** 作；
有两种方法可以获取tr下的第二个td元素：
1、使用css选择器，$("tr td:nth-child(2)")。
2、使用遍历函数eq()。
下面就以上两个方法进行实例演示：单击按钮改变所有行的第二个单元格的样式，单击任意行改变该行第二个单元格的样式。
1遍历要 *** 作的table的tr；
2通过选择器td:last获取到本行最后一个单元格td；
3通过first()获取到第一个元素；
示例代码：<html>
<head>
<title></title>
<script src="Scripts/jquery-172minjs" type="text/javascript"></script>
<script type="text/javascript">
$(document)ready(function () {
var obj;
$("tr")each(function () {
obj = $(this)find("td:last")first();
consolelog($(obj)html());
});
});
</script>
</head>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td><h1>aaaa</h1>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td><h3>bbbb</h3>6</td>
</tr>
</table>
</body>
</html>
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。
2、在indexhtml中的<script>标签，输入jquery代码：
$('body')append($('tr td[name="a"]')text());
3、浏览器运行indexhtml页面，此时成功查找到了tr下name为“a”的td的内容。
以上就是关于用js选择器获得table中tr里第二个td全部的内容，包括:用js选择器获得table中tr里第二个td、tr有四个td每个td下有个input输入框！没有id属性！我想在光标离开第三个tr、jquery 怎么获取tr下的第二个td元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）