如何在可拖放的相对父类中选择类元素

How to select class elements within a relative parent inside draggable and droppable

本文关键字：父类 选择 元素 相对 拖放      更新时间：2023-09-26

我有一个DOM看起来像这样:

<div class="wrapper">
    <div class="droppable"/>
    <div class="items-wrapper"/>
    <div class="droppable"/>
    <div class="items-wrapper">
        <div class="draggable">
        <div class="draggable">
    </div>
    <div class="droppable"/>
</div>
<div class="wrapper">
    <div class="droppable"/>
    <div class="items-wrapper"/>
    <div class="droppable"/>
    <div class="items-wrapper">
        <div class="draggable">
        <div class="draggable">
    </div>
    <div class="droppable"/>
</div>

在我使用JQuery的javascript中，我想设置每个可拖拽的"接受"选择器，以获得父"包装器"内的所有可拖拽项，但似乎在可拖拽选项中，我失去了对$(this)的访问权限，使以下内容无效。

$('.droppable').droppable({
    accept: "$(this).closest('.wrapper').find('.file_item')",
});

我是一个新手，所以任何帮助都很感谢。

可放下的接受选项可以是选择器或函数()。在这种情况下，使用function 

 accept: function(ele) { 
    ele.closest('.wrapper').find('.file_item');
 }

链接到文档

如果要接受可拖动对象，则该函数必须返回true。

相关文章：