Mehrfachauswahl in jQuery?

Normalerweise, wenn ich eine Klasse als Selektor, ich versuche es mal mit einer "id" - Selektor, so dass es keine Suche über die gesamte Seite, sondern nur einen Bereich, wo die Klasse wäre.

Aber ich habe eine teilweise Ansicht mit code. Diese partielle Sicht (common code) bekommt, gewickelt um ein form-tag.

Habe ich:

<form id="Create">
//load common code in from partial view
</form>

<form id="Edit">
//load common code in from partial view
</form>

Nun in diesem gemeinsamen code, den ich anbringen ein plugin, um mehrere Felder aus, damit würde ich tun

$('#Create .myClass').plugin({ options here});

$('#Edit .myClass').plugin({options here});

So, es ist so ziemlich der gleiche code. Ich Frage mich, ob es einen Weg gibt, um es sich für eine der id ' s???

Bearbeiten

Ich bin Probleme mit, wenn ich die Variablen haben für meine Selektoren

    my.selectors = 
    {
        A: '#Create',
        B: '#Edit',
        Plugin: ' .Plugin' 
    };

 $(selector.A+ selectors.Plugin, selector.B+ selectors.Plugin)

Scheint nicht zu laufen.

InformationsquelleAutor der Frage chobo2 | 2011-04-20

  1. 77

    Können Sie kombinieren mehrere Selektoren mit einem Komma:

    $('#Create .myClass,#Edit .myClass').plugin({options here});

    Oder wenn Sie gehen, um ein paar von Ihnen, man könnte hinzufügen, eine Klasse für alle Formular-Elemente, und suchen Sie dann innerhalb der Klasse. Dies bedeutet nicht, erhalten Sie die soll-Geschwindigkeit Einsparungen der Einschränkung der Suche, aber ich ehrlich gesagt würde nicht zu viel sorgen machen, wenn ich du wäre. Browsern nicht viel Lust, Dinge zu optimieren, gemeinsame Operationen hinter Ihrem Rücken-Sie die einfachen class-Selektor könnte schneller sein.

    InformationsquelleAutor der Antwort Leopd

  2. 38

    $("#Create").find(".myClass").add("#Edit .myClass").plugin({});

    Verwenden $.fn.add verketten Sie zwei sets.

    InformationsquelleAutor der Antwort Raynos

  3. 10

    Sollten Sie in der Lage sein zu verwenden:

    $('#Edit.myClass, #Create.myClass').plugin({options here});

    jQuery | Multiple-Selektoren

    InformationsquelleAutor der Antwort Rion Williams

  4. 9

    Ich glaube, Sie könnten sehen, etwas bessere Leistung, indem Sie es auf diese Weise:

    $("#Create, #Edit").find(".myClass").plugin(){
    //Options
});

    InformationsquelleAutor der Antwort Kevin Ennis

  5. 6

    wie:

    $('#Create .myClass, #Edit .myClass').plugin({ 
    options: here
});

    Können Sie eine beliebige Anzahl von
    Selektoren zu kombinieren in einem einzigen
    Ergebnis. Dieser Ausdruck mehrere
    combinator ist ein effizienter Weg, um
    wählen Sie disparate Elemente. Die Reihenfolge
    der DOM-Elemente in der zurückgegebenen
    jQuery-Objekt kann nicht identisch sein, wie
    Sie werden in document order. Ein
    eine alternative zu diesem combinator ist der
    .add () - Methode.

    InformationsquelleAutor der Antwort Caspar Kleijne

  6. 0

    Gibt es bereits sehr gute Antworten hier, aber in einigen anderen Fällen (nicht dieses) mit Karte könnte die "einzige" Lösung.

    Speziell, wenn wir verwenden möchten, regexps, andere als die standard diejenigen.

    Für diesen Fall würde es so Aussehen:

     $('.myClass').filter(function(index, elem) {
    var jElem = $(elem);

    return jElem.closest('#Create').length > 0 || 
           jElem.closest('#Edit').length > 0;

}).plugin(...);

    Wie ich schon sagte, hier diese Lösung könnte nutzlos sein, aber für weitere Probleme, ist eine sehr gute option

    InformationsquelleAutor der Antwort dani24

Schreibe einen Kommentar