jQuery - 仅在一个容器中附加一个元素答案

【问题标题】：jQuery - Appending an element within only one containerjQuery - 仅在一个容器中附加一个元素
【发布时间】：2019-04-03 13:40:30
【问题描述】：

我有很多弹出窗口（.popmake-content），每个弹出窗口中都有两个按钮（.slick-arrow），我想将它们附加到同一个弹出窗口中的另一个元素（.my_lightbox_navigation）。我试图这样实现它：

jQuery('.popmake-content').each(function(){
    jQuery('.slick-arrow',this).appendTo('.my_lightbox_navigation',this);
});

但它会将所有 .slick-arrow 元素附加到 .my_lightbox_navigation 中。如何正确执行此操作？

【问题讨论】：

尝试使用最接近的并找到而不是这个
试过了，编辑：没有结果：/

标签： jquery append each

【解决方案1】：

尝试以下，appendTo 没有上下文属性

jQuery('.popmake-content').each(function(i,v){ 
     var box = jQuery(v).find('.my_lightbox_navigation');
    jQuery(v).find('.slick-arrow').appendTo(box);
});

jQuery('.popmake-content').each(function(i,v){ 
     var box = jQuery(v).find('.my_lightbox_navigation');
    jQuery(v).find('.slick-arrow').appendTo(box);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="popmake-content">
    <button class="slick-arrow"> button 11</button><button class="slick-arrow"> button 12</button>
    <div class="my_lightbox_navigation"></div>
</div>
<div class="popmake-content">
    <button class="slick-arrow"> button 21</button><button class="slick-arrow"> button 22</button>
    <div class="my_lightbox_navigation"></div>
</div>
<div class="popmake-content">
    <button class="slick-arrow"> button 31</button><button class="slick-arrow"> button 32</button>
    <div class="my_lightbox_navigation"></div>
</div>
<div class="popmake-content">
    <button class="slick-arrow"> button 41</button><button class="slick-arrow"> button 42</button>
    <div class="my_lightbox_navigation"></div>
</div>
<div class="popmake-content">
    <button class="slick-arrow"> button 51</button><button class="slick-arrow"> button 52</button>
    <div class="my_lightbox_navigation"></div>
</div>

【讨论】：

谢谢先生！你是 MVP ;)