Jquery 获取 <li> 项上的 data-id 值

Question

任何人都可以帮助我如何在单击树的 li-item 时获取 (data-id=64) 的值。我的树看起来有 5 个列表 items.And 的树，每个列表都有子项。我正在获取第一个 li 的 (data-uid)，但是如何获取第一个 (li) 的 (data-id)。附件是我尝试过的代码。当我点击子项时，var(selectedParentNodeid) 返回 null。

提前致谢

function onExpand(e)
{
    var datauid = $(e.node).attr('data-uid');
    var selectedParentNodeid = $('li [data-uid=' + datauid + ']').find('#treelabel').data('id');

   // alert(e.node.dataValueField)
}

html

<ul class="k-group k-treeview-lines" role="tree">
   <li class="k-item k-first" aria-selected="false " data-uid="addf1dd4-3f6e-4ec8-81f3-72f2c45e0d7d" role="treeitem" aria-expanded="false" id="treeview_tv_active">
        <div class="k-top">
            <span class="k-icon k-plus" role="presentation"></span>
            <span class="k-in">
                <span id="treeLabel" data-id="64" style="font-weight:bold;">Test</span>
            </span>
        </div>
    </li>
    <li class="k-item" aria-selected="false " data-uid="916b79a1-2193-41d2-9e3c-69b6c8938c1d" role="treeitem"></li>
    <li class="k-item" aria-selected="false " data-uid="4fa1a2ed-2e51-4546-b88b-f38f4b2e32e4" role="treeitem"></li>
    <li class="k-item" aria-selected="false " data-uid="3c74c3df-920e-44fa-8784-9c40a7b8ecf7" role="treeitem"></li>
    <li class="k-item k-last" aria-selected="false " data-uid="1dedbb52-e8e5-413f-b429-581cf6b58ee7" role="treeitem"></li>
</ul>

Answer 1

您可以为 li 设置一个 onclick 事件以使用 data-id 属性查找 span children。

$('li').on('click', function(e) { 
    alert($(e.target).find('span[data-id]').attr('data-id'));
});

Here's a fiddle

Jquery 获取 <li> 项上的 data-id 值

Jquery to get the value of data-id on the <li> item

jquery

html

asp.net

kendo-treeview