您的位置:首页 > Web前端 > JQuery

jquery获取表格table中某行某列的值

2015-03-20 12:08 363 查看
http://www.angelweb.cn/Html/jquery/jqueryshili/2870.html

以前没有jquery的时候,我们要操作一个表格,用JS的话,是很麻烦的,至少站长以前用JS来操作表格的时候,都是要到网上找封装好的函数,然后复制过来使用的,

但是现在有了jquery后,操作表格table起来变得非常的容易,来看下面的几个实例,你就能明白了:

实例1:获取表格第一行第二列的值:

<script language="javascript">
var t=$("table tr:eq(0) td:eq(1)").text();
</script>

实例2:遍历表格的所有行和列,把所有表格中的数字加1:
<script language="javascript">
$("table tr td").each(function(){
var d=$(this).text()*1+1;
$(this).text(d);
});
</script>


实例3:让表格第一行中的所有内容自动加粗:

<script language="javascript">
$("table tr:eq(0) td").each(function(){
$(this).css("font-weight","bold");
});
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: