我想获取存在li标签里面的data()数据

Question

    我绑定的是一个删除按钮单击事件,点击以后,我想要获取li标签里面的data()里头的值.

这个值,我之前已经存放进去了.直接取就ok.

    请问要怎么样才能获取到li标签呢?这里的li标签不止一个,有很多,我的要求是随便点击

哪一个,都能获取我正在点击的那个li标签的data()的值.--而不是固定的li标签的data()值.

    代码如下:

![![图片说明](https://img-ask.csdn.net/upload/201704/19/1492571413_75657.jpg)图片说明](https://img-ask.csdn.net/upload/201704/19/1492571404_606791.jpg)

 var sli="";
    sli+='<li class="online">';
    sli+='<a>';
    sli+='<i class="fa fa-book" title="online" rel="tooltip-bottom">';
    sli+='</i>';
    sli+= bookName;
    sli+='&nbsp;&nbsp';
    sli+='<button type="button" class="btn btn-default btn-xs btn_delete" title="删除"><i class="fa fa-times"></i></button>';
    sli+='</a>';
    sli+='</li>';

    var $li = $(sli);
    $li.data("bookId",bookId);
    $("#book_ul").append($li);
};

Answer 1

 $(document).on('click','.btn_delete',function(){
var li=$(this).closest('li')
alert(li.data('bookId'))
})