javascript - 如何找到放置在可放置 div 上的 div 索引

Question

我具有拖放功能，可以在其中拖动 div 并在可放置区域上动态放置。我在可放置区域具有可排序功能，所以我想找出索引，以便在排序后我必须找出特定 div 的确切索引位置。这是我的代码

$('#workArea').sortable({cancel: ':input,button,.common'});
$(".drags").draggable({
  helper : "clone",
  connectWith: '.workArea'
});
$(".workArea").droppable({
  drop: function( event, ui ) {
    function createHead(workspace){
      var head = document.createElement("div");
    }
  // [editor] i think i am missing a } here or pasted something wrong
});

Answer 1

jQuery提供了.index()方法，

返回值是一个整数，表示 jQuery 对象中第一个元素相对于其兄弟元素的位置。

阅读更多关于.index()

Answer 2

在我看来，返回新索引的最佳位置是通过排序功能。

更新全局数组中的索引也可能有所帮助。然后在调用排序函数后在数组中搜索特定的 div 元素。

在 JS 中，您始终可以使用 this.target 是要删除的元素，然后使用
$(this.target).index() 并使用 $("#parentContainer div:eq(" + newIndex + ")") 找到它

希望这可以帮助。