获得当前tr的第二个td的值,用js写

<table>

    <tr><td></td><td>1</td></tr>

    <tr><td></td><td>2</td></tr>

    <tr><td></td><td>3</td></tr>

</table>

<script>

var tr=documentgetElementsByTagName('tr');

for(var i=0;i<trlength;i++){

    !function(j){

        tr[i]onclick=function(){

            var val = thisgetElementsByTagName('td')[1]innerHTML;

            alert(val)

        }

    }(i)

}

</script>

今天有人在群里突然问我$("#MainContent_GridView1")closest("tr")children("td:eq(1)")text()

这个语句怎么查不到值。我问他是取一个tr下面的eq(1)的td的text还是所有的。他说所有的。。。。那么肯定要循环所有的tr，再从其中找td了。。。

在此我写一个简单的博客帮助那些还不知道怎么使用jquery选择器的朋友。

我模拟了一个table出来，给大家参考，下面是html结构

复制代码

代码如下:

<table

id="MainContent_GridView1">

<tbody>

<tr>

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

<tr>

<td>11</td>

<td>22</td>

<td>33</td>

</tr>

<tr>

<td>111</td>

<td>222</td>

<td>333</td>

</tr>

</tbody>

</table>

//我引入了本地的jquery文件，在文章上就不引入了。

<script

type="text/javascript">

$(function

()

{

//首先找到table

id

为MainContent_GridView1，然后找tbody

下面所有的tr

然后each循环，$(this)代表当前循环到的tr,children是tr下的td

再选择下标是1的再text()就出来了。。

$("#MainContent_GridView1

tbody

tr")each(function

(i)

{

alert($(this)children("td:eq(1)")text());

});

})

</script>

jQuery 提供了index()方法用于获取第一个匹配元素相对于其同胞元素的 index 位置（从0开始计数），基本语法为：$(selector)index()。因此当前 tr 的 index 可以得到行数，当前 td 的 index 可以得到列数。实例演示如下: 1、HTML结构 1234 2456

你好！

可以使用元素选择器来获取：

$("DIV")find("TR");

$("DIV")find("TD");

//获取div下的子TR或子TD元素

$("DIV >TR");

$("DIV >TD");

希望对你有帮助！

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

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

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

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

以上就是关于获得当前tr的第二个td的值,用js写全部的内容，包括:获得当前tr的第二个td的值,用js写、jquery查找tr td 示例模拟、如何动态获取 table 中 td 所在行 和列等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！