jQuery如何用$(this)選擇他下面的子元素

實現方法：

使用遍歷函數children()，關鍵代碼爲 $(this).children("li")，表示獲取當前元素下所有標籤爲<li>的子元素。

下面實例演示：點擊div標籤後，何用$(this)選擇它下面的<li>子元素，爲了顯示效果，將其設置爲紅色。

1、新建HTML文件，輸入如下的HTML結構，爲了說明問題，在div標籤下除了li元素外，還設置了其他類型的子元素。

<div id="test">

    <span>我是span標籤</span><br>

    <li>我是li標籤</li>

    <a href="#">我是超鏈接a標籤</a>

</div>

2、在上面新建文件的開頭輸入如下jquery代碼，表示在單擊div標籤區域後，執行一個函數，具體動作爲獲取當前div下的li標籤元素，然後使用css()函數設置它的字體顏色爲紅色

<script>
$(function(){

    $("#test").click(function() {    // 單擊div元素

        $(this).children('li').css('color','red');    // 使用children('li')獲取div下的li元素，然後設置顏色爲red即紅色

    });

}); 

</script>

3、打開瀏覽器，執行即可獲取其子元素啦