Jquery appendto specific div



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

我希望新的div在slide_holder内部。

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

网页结构

<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));
   ....

更新:好的,我知道你现在的目标是什么了。您希望将列表附加到天div 的.slide_holder子项

这样做

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

尝试:

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

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

这行得通吗?

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

如果我理解正确,您希望将新元素添加到 .slide-holder 中,但只能在 $droppableIddiv 中。

编辑:听起来变量$droppableId可能存在范围问题。我会检查以确保淡出回调可以访问新值,我假设该值是在单击处理程序中设置的。

最新更新