find() 方法

.find() 方法允許我們在 DOM 樹中搜尋這些元素的後代,並從匹配元素構造一個新的 jQuery 物件。

HTML

     <div class="parent">
        <div class="children" name="first">
            <ul>
                <li>A1</li>
                <li>A2</li>
                <li>A3</li>
            </ul>
        </div>
        <div class="children" name="second">
            <ul>
                <li>B1</li>
                <li>B2</li>
                <li>B3</li>
            </ul>
        </div>
       </div>

jQuery 的

 $('.parent').find('.children[name="second"] ul li').css('font-weight','bold');

輸出

  • A1

  • A2

  • A3

  • B1

  • B2

  • B3