jquery如何获取第一个或最后一个子元素？

1、获取第一个子元素有如下方法：

成都创新互联是一家专注于成都网站制作、网站设计与策划设计,杭锦后网站建设哪家好?成都创新互联做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:杭锦后等地区。杭锦后做网站价格咨询:028-86922220

（1）:first

举：$('div.one:first')，获取所有class="one"的div的第一个div子元素。这里的限制在于父子元素都是同一种，即父元素如果是span标签，获取的第一个子元素也是span标签，如果父元素是table标签，获取的子元素也是table标签。

（2）:first-child

如：$('div.one:first-child')，获取所有class="one"的div的第一个子元素，注意是“所有”，意思是说，如果这个div有多外，那么获取的第一个子元素也是有多个。

（3）使用eq()方法

如：$('div.one span:eq(1)'),获取class="one"下的div的第一个span子元素，同（2）一样，也是有多个div也是获取多个div的第一个元素。

可以通过获取id，或者直接在父层限制一个eq(1)这样的形式去获取惟一一个子元素

jquery如何获取第一个或最后一个子元素

匹配第一个子元素

':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素

$("ul li:first-child")

匹配最后一个子元素

':last'只匹配一个元素，而此选择符将为每个父元素匹配一个子元素

$("ul li:last-child")

jquery 获取同胞元素中的最后一个

$('#1').parent().find('li:last').css('background-color', 'red');

这样用 号获取最接近的子元素

jquery怎样获得同辈的前几个和后几个元素

你好！

获取同辈的元素，有个siblings()方法，这个可以获取到同级的所有元素;

还有prev()、next()分别获取之前和之后的元素，这是取向前或向后的一个元素;

prevAll()、nextAll()是获取之前和之后的所有同级元素;

ul

lilist item 1/li

lilist item 2/li

li class="third-item"list item 3/li

lilist item 4/li

lilist item 5/li

/ul

$("li.third-item").siblings(); //可以获取4个li元素

$("li.third-item").prev();   //取得item2

$("li.third-item").next();   //取得item4

$("li.third-item").prevAll();  //取得item1 itme2

$("li.third-item").nextAll();  //取得item4 item5

还有种方式就是通过siblings()方法获取到同级元素后，使用eq()方法定位元素

var $lis = $("li:last").siblings();

$lis.eq(0)

希望对你有帮助！

当前文章：jquery后一个元素,jquery 最后一个子元素
链接地址：http://kswjz.com/article/dsdjiie.html