jquery怎样获得table里某列的值

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);

});

});

1、在html中定义一个表格table，并且给其这只一个id

2、定义一个js函数，在函数中利用jquery的链式语法获取table下的所有td

3、结果得到一个包含table下的所有td的数组

示例：

<table id="mytable">

    <tr><td>第一行</td></tr>

    <tr><td>第二行</td></tr>

    <tr><td>第三行</td></tr>

</table>

js代码：

function getAllTd(){

    var tdArr = $('#mytable tr td');

    alert(tdArrlength);

}

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