jQuery操作Table

原创 Laughing  2017-06-14 09:07  阅读 1,102 次 评论 1 条

以前没有jquery的时候,我们要操作一个表格,用JS的话,是很麻烦的,至少站长以前用JS来操作表格的时候,都是要到网上找封装好的函数,然后复制过来使用的,但是现在有了jquery后,操作表格table起来变得非常的容易,来看下面的几个实例

需要说明的是,td的数据不是.val(),也不是.html()。经过多次测试才发现是通过innerHTML()来获取内容,希望可以帮到有需要的朋友。

获取表格第一行第二列的值

  1. var t=$("table tr:eq(0) td:eq(1)").text();  

遍历表格的所有行和列,把所有表格中的数字加1:

  1. $("table tr td").each(function(){  
  2.    var d=$(this).text()*1+1;  
  3.    $(this).text(d);  
  4. });  

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

  1. $("table tr:eq(0) td").each(function(){  
  2.    $(this).css("font-weight","bold");  
  3. });  

获取指定行列数据

  1. $("table tr").click(function() {//为表格的行添加点击事件  
  2.     var tr = $(this);//找到tr原色  
  3.     var td = tr.find("td");//找到td元素  
  4.     alert(td[0].innerHTML);//指定下标即可  
  5.   })  
本文地址:https://www.lisen.me/jquery-operating-table.html
版权声明:本文为原创文章,版权归 木子网 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. 穆伊扎
    穆伊扎 【农民】 @回复

    不错,学习了