проверка JQuery, если элемент содержит какой-нибудь атрибут

Question

я могу проверить, если элемент имеет определенный атрибут с:

if ($('#A').attr('myattr') !== undefined) { 
    // attribute exists 
} else { 
    // attribute does not exist 
} 

Как я могу проверить, если элемент имеет какой-нибудь атрибут?

Спасибо

Answer 1

Вот функция tha т определяет, будет ли какой-либо из элементов, соответствующих селектора имеют по крайней мере один атрибут:

function hasOneOrMoreAttributes(selector) { 
    var hasAttribute = false; 
    $(selector).each(function(index, element) { 
     if (element.attributes.length > 0) { 
      hasAttribute = true; 
      return false; // breaks out of the each once we find an attribute 
     } 
    }); 
    return hasAttribute; 
} 

Использование:

if (hasOneOrMoreAttributes('.someClass')) { 
    // Do something 
} 

Если вы хотите работать на выбранных элементах, которые имеют по крайней мере один атрибут, это еще проще - создать пользовательский фильтр:

// Works on the latest versions of Firefox, IE, Safari, and Chrome 
// But not IE 6 (for reasons I don't understand) 
jQuery.expr[':'].hasAttributes = function(elem) { 
    return elem.attributes.length; 
}; 

, который можно использовать, как это:

$(document).ready(function(){ 
    $('li:hasAttributes').addClass('superImportant'); 
} 

Answer 2

Если вы хотите увидеть, если элемент имеет определенный атрибут, просто сделать это:

if ($('#something').is('[attribute]')) { 
    // ... 
} 

Answer 3

Вы должны были бы использовать информацию из Get all Attributes from a HTML element with Javascript/jQuery

Answer 4

не все Код jQuery, но он будет работать

$("a").click(
function() { 
    if($("a").get(0).attributes > 0) 
     alert("it has attributes"); 
}) 

Answer 5

Вот решение, которое я нашел, чтобы быть более надежным, чтобы знать, если элемент имеет определенные атрибуты, который работает в IE, Chrome и Firefox:

$(selector).each(function(index, element) { 
    if (element.hasAttributes) { // Some browser supports this method 
     if (element.hasAttributes()) { 
      return true; 
     } 
    } else { 
      // IE counts many attributes - even if not set explicitly 
      var attrs = element.attributes; 
      for (var i = 0; i < attrs.length; i++) { 
       if (attrs[i].specified) { 
        return true; 
       } 
      } 
    } 
    return false; 
}); 

Проблема заключается в том, что IE возвращает рассчитывать высокие атрибуты, даже если ни один задается явно. Например, для простого тега < p> IE говорил мне, что у него есть 111 атрибутов. С этим решением, я был в состоянии отфильтровать те атрибуты, которые я не был заинтересован в

Это решение было принято здесь:. (! Просто скопировал его в случае, если страница удалена) http://help.dottoro.com/ljevmnkf.php

Answer 6

Я не уверен, что если вы желаете, чтобы просто вернуть элементы, которые содержат атрибут, но если вы, я нашел самый простой способ быть:

$('selector[attribute]') 

Это возвращает объект JQuery, чтобы включить все элементы, содержат атрибут независимо от его значения. Например.

$(':text[maxlength]').addClass('has_max_length'); 

Это даст все текстовые входы с атрибутом maxlength для класса 'has_max_length'.

Answer 7

$("selector").get(0).hasAttributes("attributes");