Javascript 将HTML div追加到另一个div中

我想在一个按钮点击的div组中添加另一个div，以便有一个连续生成的滑块。像这样：

<div class="carousel-items">
    <div class="date-carousel-other slider"></div>
    <div class="date-carousel-other slider"></div>
    <div class="date-carousel-other slider"></div><!-- new div -->
</div>

目前我的java脚本是：

$('.slick-next').click(function(){
    $('"<div class="date-carousel-other slider"></div>"').append( ".carousel-items" );
});

$（'.slick next'）。单击（函数（）{
$（“”）。追加（“.carousel项”）；
});

结果是在我的滑块（大div）下面附加框，而不是在滑块内部。而是附加到

“.slider”

，复制滑块内的所有div和楔子框

我的语法是否已关闭或使用了错误的方法？

根据文档

.append（）和.appendTo（）方法执行相同的任务。主要的区别在于语法，特别是内容和目标的位置。对于.append（），方法前面的选择器表达式是插入内容的容器。另一方面，对于.appendTo（），内容位于方法之前，作为选择器表达式或动态创建的标记，并插入到目标容器中

因此，您的解决方案失败，因为

.append（）

希望方法

.append（）

中的目标作为选择器，内容作为参数。像这样,

$('.slick-next').click(function(){
  $(".carousel-items").append('<div class="date-carousel-other slider"></div>' );
});

您需要使用而不是

append（）

，同时删除不必要的引号

“”

$（“”）.appendTo（“.carousel项目”）；

尝试使用append（）

$（'.carousel items'）。附加（“”）；

或者使用.appendTo（）

$（“”）.appendTo（“.carousel项目”）；

您已经交换了“选择器”和“内容”的位置。必须使用

append（）

如下所示：

$('.slick-next').click(function(){
    $(".carousel-items").append( '"<div class="date-carousel-other slider"></div>"' );
});

你换了-

$(".carousel-items").append( "<div class='date-carousel-other slider'></div>" );

$('.carousel-items').append("<div class='date-carousel-other slider'></div>");

$('<div class="date-carousel-other slider"></div>').appendTo( ".carousel-items" );

$('.slick-next').click(function(){
    $(".carousel-items").append( '"<div class="date-carousel-other slider"></div>"' );
});

$(selector).append(content,function(index,html))

$(".carousel-items").append( "<div class='date-carousel-other slider'></div>" );

$("<div class='date-carousel-other slider'></div>").appendTo( ".carousel-items" );