在子锚<a></a> </li>上获取超父<li> onclick的id

Question

如何在如下所示的结构中点击其子锚<li>时获取<a>的ID？ ：

<li id="idx"><h5><a class="trigger" href="#"></a></h5></li>

如何使用jquery返回“idx"”

Answer 1

$(document).on("click", "a.trigger", function(event){
    event.preventDefault();
    var anchor = $(this);
    var id = anchor.closest("li").attr("id");
    console.log(id);
});

正在运行示例：http://jsfiddle.net/nRaa4/

Answer 2

$('.trigger').on('click', function(e) {
    e.preventDefault();
    var ID = $(this).closest('li').attr('id');
})