Phần tử chọn jQuery nếu thuộc tính * any * khớp với

Question

Tôi muốn một bộ chọn như $(".author") sẽ chọn một phần tử nếu "tác giả" là giá trị của bất kỳ thuộc tính nào, không chỉ là lớp.

Ví dụ: selector.text() nên cung cấp cho "Emily Ekins" cho mỗi người trong số những trang sau:

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

hoặc

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

hoặc

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

hoặc

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

Có cách nào để làm cái này?

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

Whew! Điều đó mất một thời gian. Nhưng điều này sẽ kiểm tra mỗi thuộc tính duy nhất của bất kỳ phần tử đã cho nào và nếu bất kỳ thuộc tính là author, nó sẽ thay đổi màu nền thành đỏ.

Answer 2

Hope this helps

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

Answer 3

Tôi sẽ sử dụng câu trả lời @Web phát triển, nhưng sẽ bổ sung thêm rằng nếu bạn đang sẽ cần phải chọn chúng nhiều lần, sau đó nó hiệu quả hơn để lưu lựa chọn như một var :

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

$target.text(); 

Dưới đây là một số tài liệu trên bộ chọn thuộc tính:

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

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

https://github.com/jquery/sizzle/wiki/Sizzle-Home (jQuery sử dụng sizzle)