js jq都可以 前台点击某一个li,获取li的id

 <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)
换句话说我现在获取不到第二层,后面还有更多层

没理解。。
$("#demo li").each(function(){
alert(this.id);
});

$("#demo").children("li").each(function(){
$(this).click(functon(){
console.log($(this).id);
});
});

$("#demo").find("li").each(function(){
$(this).click(function(){
//获取ID的值
var IDValue=$(this).attr("id");
});
});

你可以通过点击事件获取,给你点思路.
获取触发事件元素本身event.currentTarget,获取到当前点击的li对象再获取id应该不难吧。

 <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>

$("#demo li").onClick(function(){
alert($(this).attr("id"););
});

不能改答案吗?上面那个多了个分号
$("#demo li").onClick(function(){
alert($(this).attr("id"));
});

$('#demo').find('li').each(function() {
$(this).click(function() {
alert($(this).attr("id"));
return false;
})
})

$('#demo li').click(function(e){
console.log($(this).attr('id'))
})