十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
主要方法有两类:使用选择器或者遍历函数,并且可以混合使用。以获取id为test的div下的第一个或最后一个div子元素为例,详细说明如下:
专注于为中小企业提供做网站、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业银川免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了千余家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
1、使用选择器:
$("#testdiv:first-child") // $("#testdiv:first")
$("#testdiv:last-child") // $("#testdiv:last")
2、使用遍历函数:
$("#test").children().first()
$("#test").children().last()
3、混合使用
$("#testdiv").first()
$("#testdiv").last()
$("#test").children(":first") // $("#test").children(":first-child")
$("#test").children(":last") // $("#test").children(":last-child")
$('#1').parent().find('li:last').css('background-color', 'red');
这样用 号获取最接近的子元素
1、获取第一个子元素有如下方法:
(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)这样的形式去获取惟一一个子元素