如何获取下拉列表的ID被点击

Question

我有一个下拉列表。如何获取单击的列表元素的id。

这是我的代码

<div id='location_dropdown' class="dropdown">
    <div class="dropdown-toggle" data-toggle="dropdown"></span>
    <a id="selected_location"><b><font color="black">{{user}}</font> </b></a>
    </div><!--end of dropdown-toggle-->
    <ul class="dropdown-menu" id="locations">
            <li id='1'><a>1</a></li> 
            <li id='2'><a>2</a></li> 
            <li id='3'><a>3</a></li> 
            <li id='4'><a>4</a></li> 
    </ul>
</div>

jsCode

$("#locations").click(function(e){
    alert(e.target.id);
});

Answer 1

假设您想要使用<li>的ID：

$('#locations').on('click', 'li', function(){
    var id = $(this).attr('id');
});

Answer 2

$("#locations li").click(function() {
    var id=this.id; 
});