如果* any *属性匹配，则选择jQuery元素

Question

我想要一个类似$(".author")的选择器，如果“author”是任何属性的值而不仅仅是class，那么它将选择一个元素。

例如selector.text()应该给 “艾米丽Ekins” 每个以下页面：

<a href="http://reason.com/people/emily-ekins" rel="author">Emily Ekins</a> 

或

<bloop href="http://reason.com/people/emily-ekins" id="author">Emily Ekins</a> 

或

<blah href="http://reason.com/people/emily-ekins" class="author">Emily Ekins</a> 

或

<tag href="http://reason.com/people/emily-ekins" random="author">Emily Ekins</a> 

有什么办法做这个？

Answer 1

var elements = document.getElementsByTagName("*"); 
for(var i=0;i<elements.length;i++){ 
    var element = elements[i]; 
    var attr = element.attributes; 
    for(var j=0;j<attr.length;j++){ 
     if(attr[j].nodeValue == 'author'){ 
      element.style.backgroundColor='red'; 
     } 
    } 
} 

Example

呼！这花了一些时间。但是这将检查的每个属性的任何给定的元素，如果任何属性是author，它会将背景颜色更改为红色。

Answer 2

希望这有助于

$("[id='author'],[class='author'],[name='author'],[data-random='author']").text() 

Answer 3

我会用@Web开发的答案，但会增加，如果你将需要选择其中多次，那么它的更有效的选择保存为var ：

var $target = $("[id='author'],[class='author'],[name='author']"); 

$target.text(); 

下面是关于属性选择一些文档：

http://api.jquery.com/category/selectors/

http://www.w3.org/TR/css3-selectors/#attribute-selectors

https://github.com/jquery/sizzle/wiki/Sizzle-Home（jQuery使用灒）