jquery怎么获取a里面某个标签的值

Question

请问<a class="detail_link" id="123" href="javascript:;">备注</a>我怎么可以得到这个id的值123呢

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：$('body').append($('a').attr('id'));。

3、浏览器运行index.html页面，此时成功获取到了a标签的id值。

Answer 2

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

$("a").attr("href");

另外prop()方法也可以达到等效的效果

$("a").prop("href");

示例代码如下

创建Html元素

<div class="box">
<span>点击按钮可以获取a标签的href属性：</span><br>
<div class="content">
<a href="###" id="test" name="somebody">我是一个有属性的超链接</a>
</div>
<input type="button" value="点击获取a标签的href属性">
</div>

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style: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代码

$(function(){
$(":button").click(function() {
alert($("a").attr("href"));
})
})

观察效果

Answer 3

$("#123").attr("id");
或者$(".detail_link").attr("id")

Answer 4

$(function() {
$("a").each(function() {
var id = $(this).id;
});
});

Answer 5

晕，这还不简单!
$("a.detail_link").attr("id")