资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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

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 最后一个子元素
标题URL:http://cdkjz.cn/article/dsdjiie.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220