JQUERY從嵌套ul獲取LI元素的ID值

Question

HTML代碼

<ul id='orgCat'>
    <li parent-id="0" li-id="16">Anthropology Department</li>
    <li parent-id="16" li-id="18">Anthropology Faculty Collections</li>
    <li parent-id="16" li-id="23">Shared Collections</li>
    <li parent-id="0" li-id="19">Center for Research on Vermont</li>
    <li parent-id="19" li-id="24">Collections for Testing</li>
    <li parent-id="24" li-id="25">Geology Department</li>
</ul>

jQuery的

jQuery(function($){
    var $ul = $('ul');
    $ul.find('li[parent-id]').each(function () {
        $ul.find('li[parent-id=' + $(this).attr('li-id') + ']').wrapAll('<ul />').parent().appendTo(this)
    });
});

//to get li-id on double click
$('#orgCat li').dblclick(function(){
alert($(this).attr('li-id'));
})

問題是當雙擊“ li”元素時，它也顯示父母“ li-id”，但它應該僅返回當前列表“ li-id”。 傑斯菲德爾

Answer 1

您需要使用e.stopPropagation來停止事件冒泡。

$('#orgCat li').dblclick(function(e){
   e.stopPropagation();
  alert($(this).attr('li-id'));
});

檢查此鏈接以獲取更多信息。