Jquery如何获取<td><td>中的文字

Jquery如何获取<td><td>中的文字,第1张

$('td')text();

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

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

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

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。

2、在indexhtml中的<script>标签,输入jquery代码:

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

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

$('#h')click(function(){//点击隐藏,建议把td的id换成class,这样不管几个td几个tr都能用

if($('#td1')text()==""){

$('#td1')parent('tr')hide()

}

});

显示

$('#s')click(function(){

$('tr')show()

});

代码性能不好,可以自己去完善

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

内容在matchGroup(1)中

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

HTML代码:

<table>

<tr>

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

</table>

获取td的值,用innerHTML来获取,方法如下

var td_name=documentgetElementsByTagName("td");

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

td_name[i]onclick=function(){

consolelog(thisinnerHTML);

}

}

结果就是点击第一个td,显示1

要获取tr内所有文本信息吧

$(function(){

for(var i = 0; i < $('tr')length-1; i++) {

$('tr')delegate("td","click",function(){

alert($(this)parent('tr')text());

})

}

})

trs = tabquerySelectorAll('tr')

trsforEach(function(tr){

   var td =  trquerySelector('td:first-child')

 //  consolelog(tdinnerHTML)

    alert(tdinnerHTML)

 })

以上就是关于Jquery如何获取<td></td>中的文字全部的内容,包括:Jquery如何获取<td></td>中的文字、JQuery怎么查找tr下面某个name的td内容、jQuery 获取<td>标签内容,判断后,隐藏<tr>标签。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存