JQuery拖放：访问Sortable（）Divs

我已经在我的网站上实现了JQuery拖放插件。它工作得很好，但是，我试图访问一个正在排序的div，但是发现选择它非常困难

因此，我试图选择每个列中的每个“dragbox”。这通常是简单的工作，但由于某些原因，我无法访问它，也无法在FireBug中看到它

有人知道如何使用循环访问cols中的“dragbox”项吗？谢谢大家

编辑：

我还使用了find（），但它不起作用

   <div class="column" id="col1">   

        <div class="dragbox" id="item1" >   
            control goes here
        </div>
        <div class="dragbox" id="item1" >   
            <!-- control goes here -->
        </div>
  </div>


  <div class="column" id="col2">            
        <div class="dragbox" id="item3" >   
           <!-- control goes here -->
        </div>
   </div>

---

我玩了一些演示代码，它似乎对我来说还可以

---

只要您有ID，您就可以看到toArray工作得很好。

也许您需要。找到了吗$（'.column'）.find（'.dragbox'）.each…，在您的示例中，可以执行

$（'.column'）.each（函数（）{$（this.find（'.dragbox'）.each（…）；

是的，我使用了find，但它不起作用是的find或toArray应该起作用，但不确定为什么它不适合您。也许可以设置一个JSFIDLE脚本并进行检查。如果我将所有项目拖动到单面，之后我就不能拖放到另一面。为什么会这样？

$('.column').sortable({
        connectWith: '.column',
        handle: '.widget-header-holder',
        cursor: 'move',
        placeholder: 'placeholder',
        forcePlaceholderSize: true,
        opacity: 0.4,
        stop: function(event, ui) {
            $(ui.item).find('.widget-header-holder').click();
            var sortorder = '';
            $('.column').each(function() {
                var itemorder = $(this).sortable('toArray');
                var columnId = $(this).attr('id');
                sortorder += columnId + '=' + itemorder.toString() + '&';
            });
            /*alert('SortOrder: ' + sortorder);*/
            console.log(sortorder);                
        }
    });