jQuery - добавление элемента только в один контейнер - PullRequest
Новая
       14

jQuery - добавление элемента только в один контейнер

0 голосов
/ 30 октября 2018

У меня много всплывающих окон (.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. Как это сделать правильно?

1 Ответ

0 голосов
/ 30 октября 2018

Попробуйте следующее, у 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>
...