Question

我正在尝试传入ID并将元素追加到特定的div中，当前的方式无法正常工作。如果我要使用.closest('slide_holder')它会正确地将ul class='gallery'附加到星期二div的底部。

我希望新的div位于slide_holder中。

$( "<ul class='gallery ui-helper-reset'/>" 
 ).appendTo($('#'+$droppableId).closest('.slide_holder'));

HTML结构

<div id='Tuesday'>
    <div class='slide_holder'></div>
</div>  
  <div id='Wednesday'>
<div class='slide_holder'> </div>
</div>

** droppableId定义星期一，星期二，星期几的哪一天。**

var $droppableId = $(this).attr("id");

函数调用

deleteImage($droppableId, ui.draggable);
$item = $item.clone()

$item.fadeIn(function () {

   var $list = $("ul", $droppableId).length 
       ? $("ul", $droppableId) 
       : $("<ul class='gallery ui-helper-reset'/>").appendTo($('#' + $droppableId));
   ....

Answer 1

<强>更新好的，我明白你的目标是什么。您想要将列表附加到 day div's .slide_holder孩子

这样做

var droppable = $(this);
$('.slide_holder',droppable).append('<ul class="gallery ui-helper-reset"/>');

Answer 2

尝试：

$("<ul class='gallery ui-helper-reset'/>").appendTo(".slide_holder");

小提琴：http://jsfiddle.net/darshanags/wsTYL/

Answer 3

这有用吗？

$("<ul class='gallery ui-helper-reset'/>").appendTo($('#' + $droppableId + ' .slide-holder'));

如果我理解正确，你想将新元素添加到.slide-holder，但仅限于$ droppableId div。

编辑：听起来好像$ droppableId变量可能存在范围问题。我要检查以确保fadeOut回调可以访问新值，我假设它是在点击处理程序中设置的。

Jquery追加到特定的div

HTML结构

函数调用

3 个答案: