首頁猿問 js獲取li的id，請看清楚需求，...

js獲取li的id，請看清楚需求，只能給最外層的id="demo"

JavaScript

阿晨1998 2019-04-19 18:15:14

<ul id="demo"> <li id="1">1</li> <li id="2">2 <ul> <li id="2_1">2_1</li> <li id="2_2">2_2</li> </ul> </li> </ul>需求：鼠標點擊某一個li 獲取 id="demo"下指定li的id（只能給最外層ul的id）請各位大牛獲取到第二層的id之后再回復信息，不要得到了第一層的id就回復 $("#demo li").each(function(){ alert(this.id); })；這樣寫是獲取不到id="2_1"的?。。。。?

查看完整描述

10 回答

翻翻過去那場雪

TA貢獻2065條經驗獲得超14個贊

點擊第一個li，獲取到id="1",點擊第二個li，獲取到id="2",點擊第三個li,獲取到id="2_1",點擊第四個li，獲取到id="2_2"，只給了最外層的ul的id="demo"

反對回復 2019-05-13

溫溫醬

TA貢獻1752條經驗獲得超4個贊

$("#demo").on("click","li",function(e){
e=e||window.event;
alert($(this)[0].id);
e.stopPropagation();
})

反對回復 2019-05-13

有只小跳蛙

TA貢獻1824條經驗獲得超8個贊

已經測試了上面的代碼是好的所有l(wèi)i的id可以獲取到！父級和子集都可以！

反對回復 2019-05-13

嗶嗶one

TA貢獻1854條經驗獲得超8個贊

$("#demo").on('tap','li',function(){
var sf = this;
$(sf).attr("id");
alert($(sf).attr("id"));
});

反對回復 2019-05-13

慕的地6264312

TA貢獻1817條經驗獲得超6個贊

$("#demo li").click(function(){
$i = 0;

            $ul=$(this).children('ul');
            if($ul){
                        for($j=0;$j<$ul.find('li').length;$j++){
                        $i += $ul.find('li').eq($j).attr('id');
                        }
            }
            alert($i)

})

反對回復 2019-05-13