JS怎么获取表格中某一行某个td中的内容

JS怎么获取表格中某一行某个td中的内容,第1张

楼上说的对。我想具体一下,楼主更好理解。这是单元格内容 var aaa;aaa=documentgetElementById("mytd")innerHTML; //注意,这句就根据你设置的ID获取那个单元格里内容 望采纳

<TD[^>]+>()</TD>

内容在matchGroup(1)中

<TD[^>]+>()<BR>()<BR>()<BR>([0-9]+)<BR><FONT[^>]+>()</FONT><BR>([0-9]+周)<BR>()</TD>

$('td')text();

首先使用jquery选择器选择所有的td标签,使用jquery的text()方法可以获取td中的文字内容。

text():得到匹配元素集合中每个元素的文本内容结合,包括他们的后代,或设置匹配元素集合中每个元素的文本内容为指定的文本内容。

$("tr :checkbox:checked")each(function(i,dom){

var tr = $(dom)closest("tr");

consolelog(tr);

});

$("tr :checkbox:not(:checked)")each(function(i,dom){

var tr = $(dom)closest("tr");

var tds = trfind("td");

consolelog(tds);

});

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

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

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

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

1、HTML结构

<table id = "test">

<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>

<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>

<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>

<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>

</table>

<input type="button" id="btn" value="设置">

2、jquery代码

$(function(){

$("#btn")click(function() {

$("#test tr td:nth-child(2)")addClass('red');

});

$("#test tr")click(function() {

$(this)children('td')eq(1)addClass('red');

});

});

3、效果演示

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

原生态js写法是 windoweventsrcElementparentElementparentElementchildNodes获得所有的td 循环一下就行了

这是获得每个tr 中td 的内容

<script>

$('#myTableProduct tr')each(function(index,ele){

$(this)find('td')each(function(index,ele){

alert($(ele)html());

})

})

</script>

不用谢我

------君少

以上就是关于JS怎么获取表格中某一行某个td中的内容全部的内容,包括:JS怎么获取表格中某一行某个td中的内容、如何用正则表达式获取<TD></TD>标签中的内容、Jquery如何获取<td></td>中的文字等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10066340.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存