js获取tr下的某一td js中获取某个元素的三种方式

js 得到TR里某个td的值

这个用jquery很容易的 $("tr").find("td").eq(7)就是获得当前行的第八列

原生态js写法是 window.event.srcElement.parentElement.parentElement.childNodes获得所有的td 循环一下就行了

相关问答

Q1: js怎么获得表单所有tr的首个td？？

js中获取tr的首个td的方法如下：

比如有如下表格table：

tr id="value_12"

tdfirstanme_1/td

tdlastname_1/td

/tr

tr id="value_14"

tdfirstanme_2/td

tdlastname_2/td

/tr

用js获取的方法定义：

$('#table_id tr').each(function() {

var firstName = $("td", tr)[0].val();

var id = $(tr).attr('id').split("_")[1];

})

Q2: JQuery怎么查找tr下面某个name的td内容

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script标签，输入jquery代码：

$('body').append($('tr td[name="a"]').text());

3、浏览器运行index.html页面，此时成功查找到了tr下name为“a”的td的内容。

Q3: 用javascript如何从tr中分别获得每个td的元素？

html

body

table border="1" id="table1"

tr id="row1"

td01/td

td02/td

/tr

tr id="row2"

td11/td

td12/td

/tr

/table

script type="text/javascript"

//-----------第一种方法----------------

var row = document.getElementById("row1"); //只针对 row1这个元素的子节点查找

var cells = row.getElementsByTagName("td"); // 找到这个tr下的所有td，不能用childNodes 属性，部分浏览器不兼容

for(var i=0;icells.length;i++){

alert("第"+(i+1)+"格的数字是"+cells[i].innerHTML);

}

alert("开始方法2");

//-----------第二种方法，操作表格比较标准的代码----------------

var tab = document.getElementById("table1"); //找到这个表格

var rows = tab.rows; //取得这个table下的所有行

for(var i=0;irows.length;i++)

{

for(var j=0;jrows[i].cells.length;j++)

{

var cell = rows[i].cells[j];

alert("第"+(i+1)+"行第"+(j+1)+"格的数字是"+cell.innerHTML);

}

}

/script

/body

/html

!-----------

把以上代码保存为一个.html文件打开看一下你就明白了

，包含了相关的JS代码

--------

js获取tr下的某一td的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js中获取某个元素的三种方式、js获取tr下的某一td的信息别忘了在本站进行查找喔。