Question

如何获取一个a标签的value值

Answer 1

jquery的 attr() 方法用于设置或返回被选元素的属性值，例如获取a标签的某个属性值如href，可用如下代码

1
$("a").attr("href");
另外prop()方法也可以达到等效的效果

1
$("a").prop("href");
示例代码如下

创建Html元素
1
2
3
4
5
6
7
<div class="box">
<span>点击按钮可以获取a标签的href属性：</span>
<div class="content">
<a href="###" id="test" name="somebody">我是一个有属性的超链接</a>
</div>
<input type="button" value="点击获取a标签的href属性">
</div>
设置css样式
1
2
3
4
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;<a href="https://www.baidu.com/s?wd=font-style&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4nyR1njDsPH9Buynsn1b10ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPjDYP101PWnL" target="_blank" class="baidu-highlight">font-style</a>:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
编写jquery代码
1
2
3
4
5
$(function(){
$(":button").click(function() {
alert($("a").attr("href"));
})
})