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-＆gt;控制台中，我可以看到$('a[href="http://www.google.com"]')返回所选元素，我可以看到它具有此属性：id：“aGoogle1”。所以我的问题是：

如何输出属性，例如我试过了$('a[href="http://www.google.com"]'.id)，但它没有用？

Answer 1

您可以使用attr()和prop()来获取元素的属性。然而，两者之间存在一些差异。检查attr() Vs 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

Ue 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')

如何在jquery中输出所选元素的属性？

4 个答案: