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

Dies geschieht am besten mit filter() :

$("nav>ul>li>a").filter("[data-page-id]");

Es wäre immer noch schön, .hasAttr() zu haben, aber da es das nicht gibt, gibt es diesen Weg.

Answer 2

Object.prototype.hasAttr = function(attr) {
    if(this.attr) {
        var _attr = this.attr(attr);
    } else {
        var _attr = this.getAttribute(attr);
    }
    return (typeof _attr !== "undefined" && _attr !== false && _attr !== null);      
};

Ich kam ein überquerte diese beim Schreiben meiner eigenen Funktion, um die gleiche Sache zu tun... Ich dachte, ich würde teilen, falls jemand anderes hier stolpert. Ich habe null hinzugefügt, weil getAttribute() null zurückgibt, wenn das Attribut nicht existiert.

Diese Methode ermöglicht es Ihnen, jQuery-Objekte und reguläre Javascript-Objekte zu überprüfen.

Answer 3

Sie können es auch mit Attributen wie disabled="disabled" auf den Formularfeldern usw. verwenden, etwa so:

$("#change_password").click(function() {
    var target = $(this).attr("rel");
    if($("#" + target).attr("disabled")) {
        $("#" + target).attr("disabled", false);
    } else {
        $("#" + target).attr("disabled", true);
    }
});

Das Attribut "rel" speichert die ID des Zieleingabefeldes.

Answer 4

Ich habe ein hasAttr()-Plugin für Jquery geschrieben, das all dies auf sehr einfache Weise erledigt, genau so, wie es der OP verlangt hat. Mehr Informationen ici

EDIT : Mein Plugin wurde bei der großen plugins.jquery.com-Datenbanklöschungskatastrophe von 2010 gelöscht. Sie können nachsehen ici für Informationen darüber, wie Sie es selbst hinzufügen können und warum es noch nicht hinzugefügt wurde.