如何在 jQuery 中访问 ui.item 子项?

Eve*_*ner 5 jquery jquery-ui dom-traversal

我正在尝试使用 jQuery 可排序插件访问以下矩形项目: 在此输入图像描述

目前我的 jQuery 代码如下所示(注意问题是关于接收部分中的偶数):

$( "#listA, #listB" ).sortable({
    connectWith: ".connected_sortable",
    delay: 100,
    receive: function(event, ui) {
                alert(ui.item.text());
            }
}).disableSelection();
Run Code Online (Sandbox Code Playgroud)

HTML:

<ul id="listA" class="connected_sortable ui-sortable">
  <li>
    <div id="4">
    Test Text
    </div>
  </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我如何使用警报访问该 ID?我尝试过alert(ui.item.context.childNodes.id),警报返回“未定义”。

编辑:添加了 HTML 并澄清了问题。

谢谢你!

cte*_*kse 1

试试这个方法:

alert(ui.item.context.childNodes[0].id)
Run Code Online (Sandbox Code Playgroud)