亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

侃侃爾雅 2018-08-29 19:15:04
jquery如何用$(this)選擇他下面的子元素我想知道如何選擇下面的子元素看下例子<divid="ul"> <ul>    <li>        <dl><dt&g...
查看完整描述

1 回答

?
繁星淼淼

TA貢獻1775條經驗 獲得超11個贊

實現方法:使用遍歷函數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、保存文件,使用瀏覽器打開,演示效果如下圖所示,從結果可知,只有div下的li子元素被選中。


查看完整回答
反對 回復 2018-09-22
  • 1 回答
  • 0 關注
  • 1189 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號