javascript - 如何通过Javascript中的属性值到达特定元素

Question

假设我有这个 HTML 代码：

<a href="mysite.com" rel="cookie"></a>
<a href="mysite.com" rel="cake"></a>
<a href="mysite.com" rel="cookie"></a>

有没有一种快速的方法可以只选择带有 cookie rel值的 2 a标签。

我确实设法使用 for 循环并检查每个元素的值，但有更短的方法吗？

Answer 1

你可以试试

document.querySelectorAll("a[rel=cookie]");

Answer 2

如果您不介意使用 JavaScript 库，可以使用 jQuery

 var cookies = $('a[rel="cookie"]')

有关 jQuery 选择器的更多信息：http: //api.jquery.com/category/selectors/

这具有使用旧浏览器的额外好处。

Answer 3

对于现代浏览器，使用querySelectorAll

像

var els;
if(document.querySelectorAll){
    els = document.querySelectorAll('a[rel="cake"]')
} else {
    //use a loop
}