jQuery-äquivalent querySelector

Was ist das jQuery-äquivalent querySelector? Der einzige Weg den ich bisher gefunden habe, ist die Auswahl aller wählen Sie die erste Auswahl:

$(selectorString)[0]

Mit dem obigen Ausdruck ist jQuery smart genug, um halt zu finden, nachdem das erste match?

Update: @Mutnowski schlug mit eq() und die erste, aber nach dem Lesen der jQuery-Dokumentation diese beiden Methoden haben den gleichen Nachteil: jQuery erhalten zunächst alle Spiele, dann nur zu filtern, die aus dem ersten element.

  • beachten Sie, dass "eq" ist nicht ein css-Selektor, es ist ein jQuery-Umsetzung. So haben Sie die beste Leistung, besser schreiben $("td").eq(2) statt $("td:eq(2)")
InformationsquelleAutor Christophe | 2012-04-03
  1. 6

    Du willst .eq(index), um einen index

    $("td").eq(2)
$("td:eq(2)")

    http://api.jquery.com/eq/

    Wenn Sie nur die erste verwenden .ersten()

    $("tr").first()
$("tr:first")

    http://api.jquery.com/first/

    • Thx. Noch scheint es mir, dass jQuery zuerst wählt alle Treffer, und nur dann gilt der filter. Richtig?
    • Richtig.
    InformationsquelleAutor Murtnowski
  2. 3

    So scheint es, dass es gibt keine Entsprechung der querySelector in jQuery oder anderen Bibliotheken, die ich habe angeschaut.

    Ist die Problemumgehung wählen Sie alle zutreffenden Elemente (entspricht querySelectorAll), dann filtern das erste. Diese kann getan werden, mit [0] (gibt ein html-Knoten) oder wie vorgeschlagen von @Mutnowski mit eq(0) oder erste (gibt ein jQuery-Objekt).

    InformationsquelleAutor Christophe
  3. 0

    Sie können schreiben, ein einfaches plugin (- Kompatibilität Anmerkungen)

    $.fn.firstMatch = function(sel) {
    var len = this.length;
    if (!len) return this;
    for(var i = 0; i < len; i++){
        var match = this[i].querySelector(sel);
        if (match) return $(match);
    }
    return $();
}
    InformationsquelleAutor Killy
Schreibe einen Kommentar