Ist es möglich, mehrere Attribute in einem jQuery-Selektor zu verwenden?

Question

Ich bin neu bei jQuery. Ich weiß, dass man $('.selector [attribute=value]') verwenden kann, um Objekte im DOM auszuwählen, aber ist es möglich, gleichzeitig mehrere Attribute zu verwenden?

Zum Beispiel:

$('.selector [attribute=value], [attribute2=value2]')

Answer 1

Ja. Wie Sie es tun, hängt davon ab, was Sie tun möchten. Wenn Sie entweder das Attribut übereinstimmen möchten, verwenden Sie den Kommaoperator und vervollständigen Sie Selektoren:

Wie $('.selector [attribute=value], .selector [attribute2=value2]')

Wenn Sie möchten, dass die Elemente beide Attribute übereinstimmen, stapeln Sie sie einfach nacheinander:

Wie $('.selector [attribute=value][attribute2=value2]')

---

Beachten Sie auch, dass Leerzeichen ein Operator sind. Der Selektor .selector [attribute=value] passt zu Elementen mit dem angegebenen Attribut innerhalb eines Elements mit der Klasse selector, während der Selektor .selector[attribute=value] Elemente sowohl mit der Klasse selector als auch mit dem angegebenen Attribut passt.

Answer 2

Es kommt darauf an, was du willst:

Wählt Elemente mit beiden Attributen aus:

$('.selector[attribute=value][attribute2=value]')

Wählt Elemente mit einem der Attribute aus:

$('.selector[attribute=value], .selector[attribute2=value]')

Answer 3

$('.auswähler [attribut=wert][attribut2=wert2]')

Quelle: Mehrfachattribut-Selektor

Answer 4

Die Syntax lautet:

$(".selector[attribute=value][attribute2=value2]")

Aber wenn Sie feststellen, dass Sie komplexe Attributfilter erstellen müssen, könnte die Verwendung der filter()-Funktion eine sauberere Alternative sein:

$(".selector").filter(function () {
    var $el = $(this);
    return $el.attr("attribute") === value &&
           $el.attr("attribute2") === value2;
})

Answer 5

Sicherlich können Sie das. Der von Ihnen vorgeschlagene Selektor wählt zwei Gruppen aus, .selector [attribute=value] und [attribute2=value2]. Wenn Sie beide wollen, ist die richtige Syntax $('.selector [attribute=value][attribute2=value2]').