jquery: wenn die ul li mit bestimmten Klassennamen?

Frage ich mich, wie ich Abfragen kann, ob ein ul hat einen first-child li mit einem bestimmten Klassennamen?

wie...

<ul>
<li>list element 1</li>
<li>list element 2</li>
</ul>

<ul>
<li class="whatever">list element 1</li>
<li>list element 2</li>
</ul>

möchte ich Abfrage, wenn die ul hat ein Kind mit classname was auch immer -> etwas tun!
ist das überhaupt möglich?

danke

InformationsquelleAutor matt | 2010-06-10
  1. 3

    Kombinieren die :hat() und > (sofortige Kind) Selektoren, wie diese:

    $('ul:has( > li.whatever)')​

    Sehen Sie eine demo hier, diese stimmt nur dann, wenn eine unmittelbaren Kind <li> hat class="whatever" ohne > würde es entsprechen, wenn keine Nachkommen hatte, die Klasse.

    Alternativ gehen den anderen Weg:

    $("li.whatever").parent("ul")

    Diese würden finden Sie alle unmittelbaren .parent() von Elementen mit dieser Klasse nur, wenn Sie eine <ul> (im Gegensatz zu einer <ol>).

    Ich denke Sie bedeutete eine unmittelbaren Kind, aber in den Fall, Sie müssen zueinander passen, wenn nur der erste <li> das ist ein unmittelbares Kind der Klasse fügen Sie das :first-child - Selektor, wie diese:

    $('ul:has( > li.whatever:first-child)')

    Sie können eine test-Seite hier

    • Sie müssen noch hinzufügen :first oder :first-child (denke ich): wenn ein ul hat eine first-child li mit einer bestimmten classname
    • Kling: ich glaubst er bedeutet sofortige Kind, was oft der Fall ist mit <ul>/<li>, aber ich werde aktualisieren, im Fall, dass ist die situation.
    InformationsquelleAutor Nick Craver
  2. 1
    $('ul').find('.whatever').length > 0

    wenn Sie so etwas haben, nicht anderes

    InformationsquelleAutor helle
  3. 0

    Wenn ich es nicht falsch:

    $(function(){
    $("ul li.whatever:first-child").css({border: "1px solid red"});
});
    InformationsquelleAutor Álvaro González
Schreibe einen Kommentar