jquery 获取td标签内容

1、首先我们打开电脑里的jquery软件创建一个名称为get的html文件。

2、在页面中加入一个div，div内放入文本并加入一些标记，还有两个button在点击不同的button的时候获取不同的内容。

3、然后我们引入jquery库。

4、在文档准备函数中加入button1点击事件，在点击事件后获取div中的text内容。

5、在文档准备函数中加入button2点击事件，在点击事件后获取div中的html内容。

6、在浏览器中运行该文件，点击两个button即可获取不同的结果。

css的选择器 nth-child(N) 用于匹配属于其父元素的第 N 个子元素，因此获取table的某列可用如下核心代码

1

$("table tr")find("td:nth-child(n)"); // 获取table所有行第一列

实例演示：点击按钮获取第一列中含有字符1的行标

创建Html元素

1

2

3

4

5

6

7

8

9

10

11

<div class="box">

<span>点击按钮获取第一列中含有字符1的行标：</span>

<div class="content">

<table class="test">

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

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

<tr><td>71</td><td>8</td><td>9</td></tr>

</table>

</div>

<input type="button" value="获取第一列含有字符1的行">

</div>

设置css样式

1

2

3

4

5

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

table{border-collapse:collapse;}

td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}

编写jquery代码

1

2

3

4

5

6

7

8

$(function(){

$("input:button")click(function() {

num = $("tabletest tr")find("td:nth-child(1)")map(function(index, elem) {

return $(elem)html()indexOf("1")>=0 index+1 : null;

})get()join(',');

alert("第一列中包含字符1的行为："+num);

});

});

以上就是关于jquery 获取td标签内容全部的内容，包括:jquery 获取td标签内容、jquery怎样获得table里某列的值、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！