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

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

$('td')text();

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

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

<table id="test">

            <tr>

                <td>

                    1

                </td>

                <td>

                    2

                </td>

            </tr>

            <tr>

                <td>

                    一

                </td>

                <td>

                    二

                </td>

            </tr>

        </table>

JQuery:

 $(document)ready(function () {

            $('#test tr')each(function () {                

                alert($(this)children('td')eq(1)html());

            });

        });

你参考一下

<table border="1" cellspacing="0" id="mytable">

<thead>

<caption>统计表</caption>

</thead>

<tbody>

<tr>

<th>编号</th>

<th>姓名</th>

<th>性别</th>

<th>年龄</th>

<th>籍贯</th>

</tr>

<tr>

<td>1</td>

<td>张三</td>

<td>男</td>

<td>22</td>

<td>北京</td>

</tr>

<tr>

<td>2</td>

<td>李四</td>

<td>男</td>

<td>23</td>

<td>上海</td>

</tr>

<tr>

<td>3</td>

<td>王燕</td>

<td>女</td>

<td>21</td>

<td>广东</td>

</tr>

<tr>

<td>4</td>

<td>王伟</td>

<td>男</td>

<td>20</td>

<td>陕西</td>

</tr>

<tr>

<td>5</td>

<td>张娟</td>

<td>女</td>

<td>23</td>

<td>重庆</td>

</tr>

</tbody>

</table>

<script>

$(function(){

var name=$("#mytable tr>td:nth-child(2)")text();

var age=$("#mytable tr>td:nth-child(3)")text();

alert(name);

alert(age);

});

</script>

请参考已存在的帖子

$('#id-tr > td') // 这个可以得到id为id-tr下的直系td子元素

$('#id-tr  td')  //这个可以得到id为id-tr下的所有td子元素

var tr  = $("div tr");

var td = $("div tr td");

直接用jquery查询所有的div 然后在查询所有div下边的tr,一次类推。

不能(“#check_id”)val() 这样写,因为只能得到一个value值。要对选中的每一项添加事件,

var str="";

$("[name='checkbox_id'][checked]")each(function(){

str+=$(this)val()+"\r\n";

//alert($(this)val());

})

以上就是关于Jquery如何获取<td></td>中的文字全部的内容,包括:Jquery如何获取<td></td>中的文字、怎么用jquery获取tr下面的td、jquery怎么获取table中的某个td的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9481170.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存