Question

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

TextView[] textViews = new TextView[] { 
    (TextView)findViewById(R.id.textView1),
    (TextView)findViewById(R.id.textView2),
    (TextView)findViewById(R.id.textView3),
    (TextView)findViewById(R.id.textView4)
};

目前我的java脚本是：

<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>

结果是将滑块（大div）下面的框添加到滑块内。相反，附加到$('.slick-next').click(function(){ $('"<div class="date-carousel-other slider"></div>"').append( ".carousel-items" ); });，复制滑块内的所有div和wedges框。

我的语法是关闭还是使用了错误的方法？

Answer 1

根据文档，

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

所以你的解决方案失败了，因为.append()期望目标作为选择器，内容作为方法.append()中的参数。像这样，

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

如果您想以相同方式保留目标和内容，请使用.appendTo()代替.append()：

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

Answer 2

尝试使用append（）

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

或使用.appendTo（）

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

Answer 3

您需要使用appendTo()代替append()，同时删除不必要的引号""

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

Answer 4

你已经交换了＆＃34;选择器＆＃34;的位置。和＆＃34;内容＆＃34;。您必须使用append()，如下所示：

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

append（）方法在所选元素的末尾插入指定的内容。

语法：

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

Answer 5

你交换了它 -

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

或使用appendTo -

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

在另一个div中添加一个HTML div

5 个答案: