js获取li的id，请看清楚需求，只能给最外层的id="demo"

Question

 <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"的！！！！！

Answer 1

点击第一个li，获取到id="1",点击第二个li，获取到id="2",点击第三个li,获取到id="2_1",点击第四个li，获取到id="2_2"，只给了最外层的ul的id="demo"

Answer 2

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

Answer 3

已经测试了上面的代码 是好的 所有li的id可以获取到！父级和子集都可以！

Answer 4

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

Answer 5

$("#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)

})

Answer 6

$("#demo li:eq(1)").(function（）{
})