用jQuery怎么获取div下第一个或最后一个a标签的内容

 我来答
t9...0@33sn.cc
2017-05-17
知道答主
回答量:72
采纳率:0%
帮助的人:13.1万
展开全部

提供两种方法获取div下第一个或最后一个a标签的内容:


  • 使用选择器 first-child 和 last-child

  • 使用遍历方法 first() 和last()


实例演示如下:
1、HTML结构
<div id="test">
<a href="#">第1个超链接</a>
<a href="#">第2个超链接</a>
<a href="#">第3个超链接</a>
<a href="#">第4个超链接</a>
</div>
<input type="button" id="btn1" value="第一个超链接">
<input type="button" id="btn2" value="最后一个超链接">

2、jquery代码
$(function(){
$("#btn1").click(function() {
var str = $("#test a:first-child").text();
alert(str);
});
$("#btn2").click(function() {
var str = $("#test a").last().text();
alert(str);
});
});

3、效果演示

哈尔滨市南岗区爱尚职
2017-05-17 · 做品质教育,用事实说话
哈尔滨市南岗区爱尚职
爱尚实训成立于2010年,总部设立在软件外包名城—大连,并在哈尔滨和沈阳设有分校。爱尚实训专注于IT行业精英的培养,打造高端IT技能实训品牌。
向TA提问
展开全部
方法一:
$(funciton(){
$('div').click(function(){
$(this).find('a').show()
})
})

方法二:

$(funciton(){
$('div').click(function(){
$(this).next('a').show()
})
})

方法三:
a:first-child a:last-child
方法四:
a:nth-type-child(0)
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
杭州奥道网络技术有限公司
2017-05-17 · 专业短信验证码、公众号开发推广
杭州奥道网络技术有限公司
奥道网络以商业短信为起家的移动营销整体解决方案服务商,无论在产品性能、用户满意度还是体验友好度层面都得到客户的肯定,目前拥有自主知识产权及3项中国计算机软件著作权。
向TA提问
展开全部
$("#aaa> div").last().attr("id");
我是用这个方法取到的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
cylazhm
2017-05-17 · TA获得超过195个赞
知道小有建树答主
回答量:136
采纳率:0%
帮助的人:76.4万
展开全部
$('div a:first');$('div a:last')
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式