jQuery hasAttr prüft, ob es ein Attribut auf einem Element gibt

Question

Wie prüft man, ob es ein Attribut auf ein Element in jQuery gibt? Ähnlich wie bei hasClass sondern mit attr ?

Zum Beispiel,

if ($(this).hasAttr("name")) {
    // ...
}

Answer 1

var attr = $(this).attr('name');

// For some browsers, `attr` is undefined; for others,
// `attr` is false.  Check for both.
if (typeof attr !== 'undefined' && attr !== false) {
    // ...
}

Answer 2

Wie wäre es einfach mit $(this).is("[name]") ?

El [attr] Syntax ist der CSS-Selektor für ein Element mit einem Attribut attr et .is() prüft, ob das aufgerufene Element mit dem angegebenen CSS-Selektor übereinstimmt.

Answer 3

Wenn Sie das Vorhandensein von Attributen häufig überprüfen werden, würde ich vorschlagen, eine hasAttr Funktion zu verwenden, wie Sie in Ihrer Frage vermuten:

$.fn.hasAttr = function(name) {  
   return this.attr(name) !== undefined;
};

$(document).ready(function() {
    if($('.edit').hasAttr('id')) {
        alert('true');
    } else {
        alert('false');
    }
});

<div class="edit" id="div_1">Test field</div>

Answer 4

Du bist so nah dran, dass es verrückt ist.

if($(this).attr("name"))

Es gibt kein hasAttr, aber wenn man ein Attribut mit seinem Namen anspricht, wird es einfach undefiniert zurückgegeben, wenn es nicht existiert.

Aus diesem Grund funktioniert der unten stehende Text. Wenn Sie das Attribut name aus #heading entfernen, wird der zweite Alarm ausgelöst.

Aktualisierung: Wie in den Kommentaren angegeben, werden die folgenden NUR funktionieren, wenn das Attribut vorhanden ist UND nicht auf etwas gesetzt wird, wenn das Attribut zwar vorhanden, aber leer ist

<script type="text/javascript">
$(document).ready(function()
{
    if ($("#heading").attr("name"))
      alert('Look, this is showing because it\'s not undefined');
    else
      alert('This would be called if it were undefined or is there but empty');
});
</script>
<h1 id="heading" name="bob">Welcome!</h1>

Answer 5

Ich bin zwar spät dran, aber... warum nicht einfach this.hasAttribute("name") ?

Siehe Este