javascript - jQuery 从一个 div 中选择每个元素并粘贴到另一个元素中

Question

我需要 jQuery 函数来从一个 div 中选择每个 "a" html 代码并将其粘贴到另一个 li 中。

从此div复制每个“a”

    <div class="copy-from-this-div">
            <a href="#" target="_blank">
                <img src="#">
            </a>
            <a href="#" target="_blank">
                <img src="#">
            </a>
            <a href="#" target="_blank">
                <img src="#">
            </a>
    </div>

将每个li粘贴到此:

<ul class="paste-into-this-div">
   <li class="images" ></li>
   <li class="images" ></li>
   <li class="images" ></li>

</ul>

最后，我需要删除第一个 div。

这是我试图做的，但它不起作用。

$('.paste-into-this-div').each(function(s, slider){
var $slider = $(slider);

$('.copy-from-this-div').each(function(i, select){
    var $select = $(select);
    $select.find('a').each(function(j, option){
        var $option = $(option);

$slider.append($option);    

    });
    $select.remove();
});  
});  

Answer 1

首先，您尝试在 ul 元素内附加 a 元素，但它不会在页面中看到。

优化方式 https://jsfiddle.net/zyz3qymn/2/

$('.copy-from-this-div a').each(function(i, select){
  $('.paste-into-this-div').find('li')[i].append(select);    
});  

我们也可以这样做 https://jsfiddle.net/zyz3qymn/1/

$('.copy-from-this-div').each(function(i, select){
    var $select = $(select);
    $select.find('a').each(function(j, option){
        $('.paste-into-this-div').find('li')[j].append(option);    
                $select.remove();
    });

});