Найти базу объектов по значению атрибута GENERIC

Question

как выбрать базу объектов на значение атрибута.

HTML:

<li abc='dog'>a</li> 
<a def='cat'>b</a> 
<span ghi='cat'>c</span> 
<b jkl='dog'>d</b> 
<u mno='dog'>e</u> 
<div pqr='cow'>f</div> 

ЯШ:

var listofdog = $("[?='dog']"); //find anything with attribute value = dog 

Answer 1

Вот что вы можете сделать:

function findElementsByAttributeValue(attrValue) { 
    return $('*').filter(function (_) { 
     var hasAttr = false; 
     $(this.attributes).each(function (_, _) { 
      return !(hasAttr = this.nodeValue === attrValue); 
     }); 
     return hasAttr; 
    }); 
} 

Try:

console.log(findElementsByAttributeValue('dog').length); // outputs 3 

jsFiddle here.

Answer 2

Вы должны получить массив всех атрибутов, и перебирать их.

var elem = document.getElementsByTagName('*'); 
for(var j = 0; j < elem.length; j++) { 

    var attr = elem[j].attributes; 

    for(var i = 0; i < attr.length; i++) { 
     if(attr[i].value == 'dog') 
      // do something with elem[j] 
    } 

} 

Answer 3

этот код база сверху @Barmar комментарий. еще не тест. голосовать, если работает.

var value_to_find = "dog"; 
$("*").filter(function(){ 
    function has_attr_value(obj, value){ 
     var listofattr = $(obj).attributes; 
     if (listofattr.length > 0){ 
      var has_attr = false; 
      $.each(listofattr,function(){ 
        if (this.value == value){ 
         has_attr = true; 
         return; 
        } 
      }); 
      return has_attr; 
     } 
     else{ 
      return false; 
     } 
    } 

    return has_attr_value(this,value_to_find); 
});