javascript - 如何从 div 中删除链接并通过 jQuery 将其添加到另一个 div？

Question

我需要删除<a>fromlist-container到selected containeron click。如何用 jQuery 做到这一点。

<div class="list-container">
    <a class="list-item" data-type="community" href="javascript:{}">Community Tower 2<span class="icon icon-add"></span></a>
    <a class="list-item" data-type="community" href="javascript:{}">Community Tower 3<span class="icon icon-add"></span></a>
</div>

<div class="selected-container">
    <a class="list-item" href="javascript:{}">U-Bora Tower (Property) <span class="icon icon-remove"></span></a>
    <a class="list-item" href="javascript:{}">Business Bay (Community) <span class="icon icon-remove"></span></a>
</div>

Answer 1

尝试这个：

var target = $('.selected-container');
$('.list-container > a').click(function() {
    target.append($(this));
});

演示

先试后买

Answer 2

在 Click 函数中，编写此代码。

$(".selected-container").append($(".list-container").html());

Answer 3

$(".list-container a").click(function() {   
 $(this).prependTo('.selected-container');
});

我的小提琴演示