温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(8107)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'jquery获取第一个子节点元素',
blogAbstract:'\n\t\t\t获取第一个元素\n$(\"#body\").children(\":first\")\n判断获取元素的标签\n$(\"#body\").children(\":first\").attr(\"tagName\") ==\n\"STRONG\"&\t\t\t\t\t\t\t\n\t\t',
blogTag:'js',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:3,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}编程开发子分类jquery选择器 之 获取父级元素、同级元素、子元素_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
jquery选择器 之 获取父级元素、同级元素、子元素
上传于||暂无简介
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩2页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢10279人阅读
Html/Jquery/Ajax（21）
一、获取父级元素
1、 parent([expr]):
获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。
&ul class=&level-1&&
&li class=&item-i&&I&/li&
&li class=&item-ii&&II
&ul class=&level-2&&
&li class=&item-a&&A&/li&
&li class=&item-b&&B
&ul class=&level-3&&
&li class=&item-1&&1&/li&
&li class=&item-2&&2&/li&
&li class=&item-3&&3&/li&
&li class=&item-c&&C&/li&
&li class=&item-iii&&III&/li&
如果我们从项目 A 开始，则可找到其父元素：
$('li.item-a').parent().css('background-color', 'red');此次调用的结果是，为 level-2 列表设置红色背景。由于我们未应用选择器表达式，父元素很自然地成为了对象的一部分。如果已应用选择器，则会在包含元素之前，检测元素是否匹配选择器。
2、parents()
获得当前匹配元素集合中每个元素的祖先元素，使用选择器进行筛选是可选的。
$('li.item-a').parents().css('background-color', 'red');此次调用的结果是，level-2
列表、项目 II 以及 level-1 列表等元素（沿 DOM 树一路向上直到 &html&）设置红色背景。
3、.closest(selector)
closest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。
二、获取同级元素
1、.next(selector)
获得匹配元素紧邻的下一个同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。
2、.nextAll(selector)
&获得匹配元素后面的所有同胞元素，由选择器筛选是可选的。
3、.prev(selector)
获得匹配元素紧邻的前一个同胞元素（与next相反）
4、.prevAll(selector)
&获得当前匹配元素前面的所有同胞元素（与nextAll相反）
三、获取子元素
1、.children(selector)
返回匹配元素的子元素，添加可选参数可通过选择器进行过滤。
2、.find(selector)
获得当前元素的后代
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：389310次
积分：3899
积分：3899
排名：第5779名
原创：86篇
转载：57篇
评论：51条
(1)(3)(10)(1)(16)(5)(9)(7)(1)(8)(1)(13)(22)(6)(20)(20)(4)jQuery 选择器(:last-child)详解
jQuery的:last-child选择器用于匹配作为父元素的最后一个子元素的元素，将其封装为jQuery对象并返回。与该选择器相对的是，用于匹配作为父元素的第一个子元素的元素。注意：:last-child选择器与的不同之处在于：:last选择器只匹配一个元素，并且是所有匹配的元素中的最后一个元素；:last-child选择器则需要判断匹配到的元素是否是其父元素的最后一个子元素，如果是就保留，否则将被舍弃。语法jQuery1.1.4 新增该选择器。// 这里的selector表示具体的选择器
jQuery( &selector:last-child& )参数参数描述selector一个有效的选择器。返回值返回封装了匹配作为父元素的最后一个子元素的元素的jQuery对象。如果找不到任何相应的匹配，则返回一个空的jQuery对象。jQuery先会根据选择器selector去查找所有匹配的元素，再看它们是否是自己父元素的&小儿子&(最后一个子元素)，如果是就保留，否则舍弃掉该元素。最终匹配到的元素就是所有保留下来的元素示例&说明以下面这段HTML代码为例：&div id=&n1&&
&div id=&n2&&
&ul id=&n3&&
&li id=&n4& class=&c&&item1&/li&
&li id=&n5& class=&c&&item2&/li&
&li id=&n6&&item3&/li&
&div id=&n7&&
&ul id=&n8&&
&li id=&n9&&item1&/li&
&li id=&n10&&item2&/li&
CodePlayer
&/div&现在，我们查找所有作为父元素的&小儿子&的div标签，则可以编写如下jQuery代码：// 选择了id分别为n1、n7的两个元素
// 这里的n1是&父元素&body标签的&小儿子&；n7是&父元素&n1的&小儿子&
// 虽然在n1之内、n7之后有文本内容，但文本内容不算子元素，因此n7仍然是n1的&小儿子&
$(&div:last-child&);接着，查找所有匹配ul li的元素，再查找其中那些元素是父元素的&小儿子&，则可以编写如下jQuery代码：// 选择了id分别为n6、n10的两个元素
$(&ul li:last-child&);查找所有包含类名c的li标签，再查找这些元素是否是父元素的&小儿子&，对应的jQuery代码如下：// 没有选择任何元素，返回一个空的jQuery对象。
// 虽然包含类名&c&的li标签有n4、n5两个元素，但它们都不是父元素的&小儿子&，因此无法匹配
$(&li.c:last-child&);
我们认为：用户的主要目的，是为了获取有用的信息，而不是来点击广告的。因此本站将竭力做好内容，并将广告和内容进行分离，确保所有广告不会影响到用户的正常阅读体验。用户仅凭个人意愿和兴趣爱好点击广告。
我们坚信：只有给用户带来价值，用户才会给我们以回报。
打开导航菜单}