jquery - select-li innerhalb eines ul in ul

Habe ich dieses:

    <ul>
        <li>
            <ul>
                <li><a>Hello world</a></li>
                <li><a>hi</a></li>
            </ul>
       </li>
       <li><a>hi</a></li>
   </ul>

Und ich müssen wählen Sie eine li, die in der zweiten ul (die, die die Worte 'Hallo Welt', zum Beispiel.)

Wie mache ich das mit jQuery?

Habe ich versucht, dieses:

$('ul li:eq(1) li:eq(1)').doSomthing();

InformationsquelleAutor Ovi | 2012-11-15

  1. 4

    Es ist relativ einfach:

    ul ul li

    Diese prüfen nicht für unmittelbare Schachteln obwohl; die zweite ul in der Auswahl könnte sehr gut sein, mehr tief geschachtelt werden. Eingeschränkt werden kann dies durch die Verwendung >:

    ul > li > ul > li

    Nehmen Sie nur die ersten li es könnte wie folgt Aussehen:

    ​$("ul > li > ul > li:first").css("background", "red");​​​​​​​​​​

    Den Ansatz, den man versucht, mit der :eq pseudo-Selektor, hätte eher so aussah:

    ​$("li:eq(0) li:eq(0)").css("background", "red");​​​​​​​​​​

    Denken Sie daran, dass index basiert auf null, so wird das erste Element immer den index 0.

    Danke. was ich brauche, ist, um etwas hinzuzufügen, zu der ein tag in einer der li ist nicht der erste sein. siehe mein update.
    Mit der :eq Selektor wird Ihnen erlauben, die greifen beliebige li element, und daher Ziel der a element innerhalb.

    InformationsquelleAutor Sampson

  2. 0

    Den savest, ist die Verwendung der direkten Kind-Selektor >

    $("ul > li > ul")

    InformationsquelleAutor Bram Vanroy

  3. 0
    try this it will work as you wish

    $('ul li>ul li:eq(0)').css('border','1px solid red');

    InformationsquelleAutor Bhalke

Schreibe einen Kommentar