Javascript - 克隆，追加和包装

Question

我有一些javascripc代码：

$(this).parent().siblings().find('.year-dropdown').find('.date, .time, .details').not('.clone').addClass('clone').clone().wrap("<div class='new'></div>").parent().appendTo('#all-events');

这样做：此代码从特定div中选择“.date，.time，.details”类，克隆它们，然后添加类.clone，以防止再次克隆。 接下来，此代码将选择的类包装到＃all-events。

此代码运行良好，只有一个问题：

将所有类添加到具有类.new。

的新div中

所以这看起来像这样

<div class="new">
  <p class="date clone></p>
</div>
<div class="new">
  <p class="time clone></p>
</div>
<div class="new">
  <p class="details clone></p>
</div>

我想要的就是用一个新的类来关闭一个div中的那些类：

<div class="new">
  <p class="date clone></p>
  <p class="time clone></p>
  <p class="details clone></p>
</div>

这可能吗？

感谢您的建议。

PS：来自某些答案的当前代码的输出。

Answer 1

首先将idType div附加到.new，然后将克隆的元素附加到附加的#all-events div 尝试：

.new

或sd @billyonecan建议使用$("<div class='new'></div>").appendTo('#all-events'); $(this).parent().siblings().find('.year-dropdown').find('.date, .time, .details').not('.clone').addClass('clone').clone().appendTo('.new');

wrapAll()

分成4组

$(this).parent().siblings().find('.year-dropdown').find('.date, .time, .details').not('.clone').addClass('clone').clone().wrapAll("<div class='new'></div>").parent().appendTo('#all-events');