Wählen Sie Elemente nach Attribut aus

Ich habe eine Sammlung von Kontrollkästchen mit generierten IDs und einige von ihnen haben ein zusätzliches Attribut. Ist es möglich, mit JQuery zu überprüfen, ob ein Element ein bestimmtes Attribut hat? Kann ich beispielsweise überprüfen, ob das folgende Element das Attribut "myattr" hat? Der Wert des Attributs kann variieren.

<input type="checkbox" id="A" myattr="val_attr">A</input>

Wie kann ich beispielsweise eine Sammlung aller Kontrollkästchen mit diesem Attribut abrufen, ohne sie einzeln zu aktivieren? Ist das möglich?

Meinst du, kannst du sie auswählen? Wenn ja, dann ja:

$(":checkbox[myattr]")

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

BEARBEITEN:

Das Obige fällt in die else-zweig, wenn es myattrexistiert, ist aber eine leere Zeichenkette oder "0". Wenn dies ein Problem ist, sollten Sie explizit Folgendes testen undefined:

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

Ich weiß, dass die Frage schon lange nicht mehr gestellt wurde, aber ich fand den Scheck so klarer:

if ($("#A").is('[myattr]')) {
    // attribute exists
} else {
    // attribute does not exist
}

(Wie auf dieser Seite hier zu finden )

Dokumentation zu is finden Sie hier

Das wird funktionieren:

$('#A')[0].hasAttribute('myattr');

In JavaScript ...

null == undefined

... gibt true* zurück. Es ist der Unterschied zwischen ==und ===. Außerdem kann der Name undefineddefiniert werden (es ist kein Schlüsselwort wie es nullist), sodass Sie besser auf eine andere Weise prüfen sollten. Der zuverlässigste Weg ist wahrscheinlich, den Rückgabewert des typeofBedieners zu vergleichen .

typeof o == "undefined"

Der Vergleich mit null sollte in diesem Fall jedoch funktionieren.

* Angenommen, es undefinedist tatsächlich undefiniert.

$("input[attr]").length könnte eine bessere Option sein.

Ein paar Ideen wurden mit "typeof", jQuery ".is" und ".filter" herumgeschleudert, also dachte ich, ich würde einen schnellen Perf-Vergleich von ihnen veröffentlichen. Der Typ scheint hierfür die beste Wahl zu sein. Während die anderen funktionieren, scheint es einen deutlichen Leistungsunterschied zu geben, wenn die jq-Bibliothek für diese Bemühungen aufgerufen wird.

if (!$("#element").attr('my_attr')){
  //return false
  //attribute doesn't exists
}

Wie in diesem Beitrag können Sie mit .isund der Attributauswahl []einfach eine Funktion (oder einen Prototyp) hinzufügen:

function hasAttr($sel,attr) {
    return $sel.is('['+attr+']');
}

$("input#A").attr("myattr") == null

einfach:

$('input[name*="value"]')

Weitere Infos: offizielle Dokumente

Darüber hinaus alle Elemente mit einem Attribut für die Auswahl $('[someAttribute]')oder $('input[someAttribute]')Sie können auch eine Funktion zu tun boolean Kontrollen auf ein Objekt wie in einem Klick - Handler verwenden:

if(! this.hasAttribute('myattr') ) { ...

Ich habe ein npm-Paket mit dem beabsichtigten Verhalten wie oben beschrieben erstellt.

Link zu [npm] und [github]

Die Verwendung ist sehr einfach. Beispielsweise:

<p id="test" class="test">something</p>
$("#test").hasAttr("class")

gibt true zurück.

Funktioniert auch mit Kamelkoffer.

Informationen zum Auswählen von Elementen mit einem bestimmten Attribut finden Sie in den obigen Antworten.

Um festzustellen, ob ein bestimmtes jQuery-Element ein bestimmtes Attribut hat, verwende ich ein kleines Plugin, das zurückgibt, truewenn das erste Element in der ajQuery-Auflistung dieses Attribut hat:

/** hasAttr
 ** helper plugin returning boolean if the first element of the collection has a certain attribute
 **/
$.fn.hasAttr = function(attr) {
   return 0 < this.length
       && 'undefined' !== typeof attr
       && undefined !== attr
       && this[0].hasAttribute(attr)
}

JQuery gibt das Attribut als Zeichenfolge zurück. Daher können Sie die Länge dieser Zeichenfolge überprüfen, um festzustellen, ob sie festgelegt ist:

if ($("input#A").attr("myattr").length == 0)
 return null;
else
 return $("input#A").attr("myattr");