Wählen Sie alle untergeordneten Elemente mit Ausnahme der ersten aus

Sagen, ich habe das folgende:

<ul>
 <li>First item</li>
 <li>Second item</li>
 <li>Third item</li>
</ul>

Wie würde ich wählen Sie alle untergeordneten Elemente nach dem ersten Einsatz von jQuery? So kann ich etwas erreichen, wie:

<ul>
 <li>First item</li>
 <li class="something">Second item</li>
 <li class="something">Third item</li>
</ul>

InformationsquelleAutor der Frage Chris Canal | 2008-10-07

  1. 127

    Sollten Sie in der Lage sein, die Verwendung des "nicht" und "erstes Kind" - Selektoren.

    $("li:not(:first-child)").addClass("something");

    http://docs.jquery.com/Selectors/not

    http://docs.jquery.com/Selectors/firstChild

    InformationsquelleAutor der Antwort twernt

  2. 31

    Basierend auf meine völlig unwissenschaftliche Analyse der vier Methoden hier, es sieht aus wie es nicht zu viel speed Unterschied zwischen Ihnen. Ich lief auf jeweils einer Seite mit einer Reihe von ungeordneten Listen unterschiedlicher Länge und timed Sie mithilfe der Firebug-profiler.

    $("li").slice(1).addClass("something");

    Durchschnittliche Zeit: 5.322 ms

    $("li:gt(0)").addClass("something");

    Durchschnittliche Zeit: 5.590 ms

    $("li:not(:first-child)").addClass("something");

    Durchschnittliche Zeit: 6.084 ms

    $("ul li+li").addClass("something");

    Durchschnittliche Zeit: 7.831 ms

    InformationsquelleAutor der Antwort twernt

  3. 13

    http://docs.jquery.com/Traversing/slice

    $("li").slice(1).addClass("something");

    InformationsquelleAutor der Antwort Jonny Buchanan

  4. 9

    Eine elegantere Abfrage (select alle li-Elemente, die vorangestellt ist ein li-element):


    $('ul li+li')

    InformationsquelleAutor der Antwort Sergey Ilinsky

  5. 2

    Sollte diese Arbeit 

    $('ul :not(:first-child)').addClass('something');

    InformationsquelleAutor der Antwort Pat

  6. 2

    ich würde verwenden

    $("li:gt(0)").addClass("something");

    InformationsquelleAutor der Antwort ignu

  7. 1

    Dies ist, was ich habe, so weit

    $('.certificateList input:checkbox:gt(0)')

    InformationsquelleAutor der Antwort Chris Canal

  8. 0

    JQuery verwenden .nicht () - Methode

    $('li').not(':first').addClass('something');

    ODER

    var firstElement = $('li').first();
$('li').not(firstElement).addClass('something');

    InformationsquelleAutor der Antwort aalov

Schreibe einen Kommentar