Question

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

Answer 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、效果演示

Answer 2

方法一：
$(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)

Answer 3

$("#aaa> div").last().attr("id");
我是用这个方法取到的

Answer 4

$('div a:first');$('div a:last')