jquery获取表格所有tr行里的第一个td单元格的两种方法及实例演示推荐 亲测 原创

文章标签: jquery入门实例 table
  • :
  • 03-26 21:32
  • :
  • 64次
  • :
  • 0条
  • 0赞

简介本文和你分享一个jquery里操作表格的简单实例,用jquery来获取表格里所有tr行内的第一个td的方法,并附有完整的在线实例演示。

本文和大家分享一个简单的jquery实例,用jquery来操作表格,获取表格所有tr行内第一个td单元格的方法。

方法一:用:first-child :

$("table tr td:first-child").addClass("text-danger");
//或者
$("table tr td:nth-child(1)").addClass("text-danger");

:first-child 与  :first 的区别就是:

:first 只匹配一个元素,而:first-child则为每个父元素匹配一个子元素。

:nth-child(n):eq(n)的区别和上面的一样,但要注意的是eq是从0开始数,而nth_child是从1开始的。

方法二:用each循环:

$("#table tr").each(function(){
    //下面这两种写法都可以:
    var td=$(this).find("td").eq(0);
    var td=$(this).find("td:first");
    
    td.removeClass().addClass("bg-primary");
});

好了,上面就是jquery里用来获取表格里每一tr行内第一个td的两种方法了,这里是在线实例演示:

jquery获取每一行(tr)里的第一个td的在线实例演示



您正在找的文章可能是: