用js选择器获得table中tr里第二个td

<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>

在a标签上写个class,用jq写的

$("a标签的class")click(function(){

var text = $(this)parent("td")siblings("td")text();

alert(text)

})

<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>

$('tr')click(function(){

$(this)find('input')each(function(){

alert($(this)val());

});

});

以上就是关于用js选择器获得table中tr里第二个td全部的内容，包括:用js选择器获得table中tr里第二个td、js获取table当前tr行第二列td的值、获得当前tr的第二个td的值,用js写等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！