首先下载好jquery，这里使用的是321版本；
<!-- 新建一个简单的表格，这里2 2的表格 -->
<table border="1" id="table">
<tr>
<td>Tom</td><td>Bibu</td>
</tr>
<tr>
<td>Hello</td><td>Test</td>
</tr>
</table>
第一种：直接获取table 总td的值。
$("table")each(function(){ // 获取表格table中，第几个td的文本
var t1 =$(this)find('td')eq(2)text();
alert(t1);
})
第二种：获取在页面上点击对应的表格获取点击的值
//点击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 60+、FF 15+、Safari 20+、Opera 90+等。
<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>
请参考已存在的帖子
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery，编写问题基础代码。
2、在indexhtml中的<script>标签，输入jquery代码：
$('a')click(function () {$('body')append($(this)text());});
3、浏览器运行indexhtml页面，点击超链接“原创”，此时成功获取到文本“原创”并打印了出来。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
$("td")each(function(){ //遍历每一个td
if($(this)text() == "5" || $(this)text() == "6" ) { //如果这个td的文本值是5或6
alert($(this)text()); //那就执行这里
}
});
以上就是关于jQuery怎么获取某表格中的一列td的值全部的内容，包括:jQuery怎么获取某表格中的一列td的值、jquery怎么获取table中的某个td的值、jquery div下有多个a标签，点击其中的一个a，如何获取a的值，如<a>haha</a>,如何获取haha的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）