你如何访问jQuery中的ui.item孩子?

时间:2011-10-03 07:35:32

标签: jquery jquery-ui dom-traversal

我正在尝试使用jQuery可排序插件访问以下rectangularized项: enter image description here

目前我的jQuery代码看起来像这样(注意问题是关于接收部分中的偶数):

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

HTML:

<ul id="listA" class="connected_sortable ui-sortable">
  <li>
    <div id="4">
    Test Text
    </div>
  </li>
</ul>

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

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

谢谢!

4 个答案:

答案 0 :(得分:1)

尝试这种方式:

alert(ui.item.context.childNodes[0].id)

答案 1 :(得分:0)

您可以使用.attr

访问元素的ID
var id = $("yourSelector").attr("id");

答案 2 :(得分:0)

尝试alert('ui.item >li').attr('id')

答案 3 :(得分:0)

此解决方案:http://jsfiddle.net/a8bNn/1/

  • 使用“更新”代替“接收”
  • 使用“ui.item.context.childNodes [1] .id”来获取ID