大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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()是获取之前和之后的所有同级元素;
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)
希望对你有帮助!