十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
通过当前选择元素,查找其父元素,然后再查找这个父元素的最后一个子元素
成都创新互联一直在为企业提供服务,多年的磨炼,使我们在创意设计,成都全网营销推广到技术研发拥有了开发经验。我们擅长倾听企业需求,挖掘用户对产品需求服务价值,为企业制作有用的创意设计体验。核心团队拥有超过10多年以上行业经验,涵盖创意,策化,开发等专业领域,公司涉及领域有基础互联网服务资阳托管服务器、成都app开发、手机移动建站、网页设计、网络整合营销。
例如:
12345
div id="oDiv" p id="p1"/p ... a name="a1" href="" id="a1"/a/div
如要选择id为p1的p标签的最后一个兄弟元素
jquery写法如下:
$("#p1").parent().last();
结果:
a name="a1" href="" id="a1"/a
Jquery获取子元素的方法有2种,分别是children()方法和find()方法。下面我们分别来使用这两种方法,看看它们有何差异。
children()方法:获取该元素下的直接子集元素
find()方法:获取该元素下的所有子集元素
var alldiv = $("div");var firstdiv = alldiv[0];var lastdiv = alldiv[alldiv.length-1];注意,jquery数组返回的是标准的documentObject,也就是说,firstdiv与lastdiv都是类似通过
document.getElementById这个方式获得到的对象,是不能直接使用JQ方法的
解决办法很简单 $(firstdiv)即可
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)这样的形式去获取惟一一个子元素