jQuery – find()

HTML:

<ul class=”level-1″>
    <li class=”item-i”>I</li>
    <li class=”item-ii”>II
        <ul class=”level-2″>
            <li class=”item-a”>A</li>
            <li class=”item-b”>B
                <ul class=”level-3″>
                    <li class=”item-1″>1</li>
                    <li class=”item-2″>2</li>
                    <li class=”item-3″>3</li>
                </ul>
            </li>
            <li class=”item-c”>C</li>
        </ul>
     </li>
    <li class=”item-iii”>III</li>
</ul>

 

jQuery:

$( “li.item-ii” ).find( “li” ).css( “background-color”, “red” );

 

Výsledek:

Všechny prvky <li>, které jsou vnořené do <li class=”item-ii”> … </li> budou podbarvené červeně.

Jedná se o:

            <li class=”item-a”>A</li>
            <li class=”item-b”>B

                    <li class=”item-1″>1</li>
                    <li class=”item-2″>2</li>
                    <li class=”item-3″>3</li>

            <li class=”item-c”>C</li>