jquery后一个元素,jquery 最后一个子元素

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)这样的形式去获取惟一一个子元素

匹配第一个子元素

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

$("ul li:first-child")

匹配最后一个子元素

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

$("ul li:last-child")

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

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

你好！

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

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

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

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)

希望对你有帮助！

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容