jquery - jquery如何输出被选元素的属性？

Question

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
    </script>
<a href="http://www.google.com" id="aGoogle1">Google Link</a>
<script type="text/javascript">
$(function()
{

        console.log($('a[href="http://www.google.com"]'));
});
</script>

在 chrome->console 中，我可以看到$('a[href="http://www.google.com"]')返回所选元素，并且我可以看到它具有以下属性：id：“aGoogle1”。所以我的问题是：

怎么输出属性，比如id，我试过$('a[href="http://www.google.com"]'.id)了，还是不行？

Answer 1

您可以使用attr()和prop()来获取元素的属性。但是，两者之间存在一些差异。检查attr() 与 prop()。您可以通过以下方式访问 id

$('a[href="http://www.google.com"]').attr('id');

或者

$('a[href="http://www.google.com"]').prop('id');

Answer 2

用于attr()获取或设置属性

alert($('a[href="http://www.google.com"]').attr('id')); 

这将获得所选元素的 id

Answer 3

上attr

  $('a[href="http://www.google.com"]').attr('id');

或者prop

$('a[href="http://www.google.com"]').prop('id');

Answer 4

$('a[href="http://www.google.com"]'.id)

此代码尝试访问id字符串对象的属性'a[href="http://www.google.com"]'；结果是undefined。之后，您将其包装在一个 jQuery 对象中。结果是一个空的 jQuery 集。

您需要始终从这里开始：

$('a[href="http://www.google.com"]')

然后使用 jQuery 函数来做你需要的事情。在您的情况下，您希望访问锚元素的属性，因此您使用prop()：

$('a[href="http://www.google.com"]').prop('id')