Question

jQuery怎么获取某表格中的一列td的值

Answer 1

1. 首先下载好jquery，这里使用的是3.2.1版本；

2. <!-- 新建一个简单的表格，这里2 * 2的表格 -->

   <table border="1" id="table">

   <tr>

   <td>Tom</td><td>Bibu</td>

   </tr>

   <tr>

   <td>Hello</td><td>Test</td>

   </tr>

   </table>

3. 第一种：直接获取table 总td的值。

   $("table").each(function(){  // 获取表格table中，第几个td的文本

   var t1 =$(this).find('td').eq(2).text();

   alert(t1);

   })

   

4. 第二种：获取在页面上点击对应的表格获取点击的值

   //点击id = table 中选中的值获取选中的值

   $("#table td").click(function(){

   alert($(this).text());

   });

   

• jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

• jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

Answer 2

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

Answer 3

找到对应的元素，把值显示出来就行了