jQuery: Auswahl nach Klasse und Eingabetyp

Lesezeit: 1 Minute

Benutzer-Avatar
Brian Sullivan

Ich möchte eine Reihe von Elementen auswählen, die beide einen bestimmten Eingabetyp haben (z. B. ein Kontrollkästchen) und eine bestimmte Klasse mit jQuery haben. Wenn ich jedoch Folgendes versuche:

 $("input:checkbox .myClass")

Ich bekomme keine Artikel zurück. Wie kann ich dies in jQuery erreichen?

Benutzer-Avatar
Paolo Bergantino

Ihr Selektor sucht nach allen Nachkommen eines Kontrollkästchen-Elements, die eine Klasse von haben .myClass.

Versuchen Sie stattdessen Folgendes:

$("input.myClass:checkbox")

Probieren Sie es in Aktion aus.

Das habe ich auch getestet:

$("input:checkbox.myClass")

Und es wird auch richtig funktionieren. Meiner bescheidenen Meinung nach sieht diese Syntax ziemlich hässlich aus, wie ich es meistens erwarte : Stilwähler kommen zuletzt. Wie gesagt, beides funktioniert.

Wenn Sie die Eingaben dieses Typs mit dieser Klasse erhalten möchten, verwenden Sie:

$("input.myClass[type=checkbox]")

das [] Mit der Selektorsyntax können Sie alle Elementattribute überprüfen. Probier das aus spez für mehr Details

Benutzer-Avatar
eKek0

Sie müssen verwenden (für Kontrollkästchen) :checkbox und die .name Attribut zur Auswahl nach Klasse.

Zum Beispiel:

$("input.aclass:checkbox")

Das :checkbox Wähler:

Stimmt mit allen Eingabeelementen vom Typ Kontrollkästchen überein. Verwenden Sie diesen Pseudo-Selektor wie $(':checkbox') ist äquivalent zu $('*:checkbox')
das ist ein langsamer Selektor. Es wird empfohlen, dies zu tun $('input:checkbox').

Du solltest lesen jQuery-Dokumentation Selektoren kennen.

Sie sollten den Klassennamen so verwenden

$(document).ready(function(){
    $('input.addCheck').prop('checked',true);
});

Versuchen Sie es mit diesem a Live-Demo

Versuche dies:

$("input:checkbox").hasClass("myClass");

Benutzer-Avatar
iforce2d

Nur für den Fall, dass Dummies wie ich die Vorschläge hier mit einer Schaltfläche ausprobiert haben und nichts funktioniert hat, möchten Sie wahrscheinlich Folgendes:

$(':button.myclass')

Benutzer-Avatar
AnasSafi

Ein anderer Weg:

$("input[class*='myClass']")

1312230cookie-checkjQuery: Auswahl nach Klasse und Eingabetyp

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy