如何從div中刪除鏈接並通過jQuery將其添加到另一個div？

我需要刪除<a>從list-container到selected container在click。如何用jQuery做到這一點。如何從div中刪除鏈接並通過jQuery將其添加到另一個div？

<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>

來源

2013-03-19 Inventor

[你嘗試過什麼？]（http://whathaveyoutried.com） – chriz 2013-03-19 11:03:24

顯示一些代碼，你已經嘗試？ – Kathiravan 2013-03-19 11:03:30

試試這個：

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

演示

Try before buy

來源

2013-03-19 11:05:36 insertusernamehere

您忘記將其從原始容器中取出。 – ATaylor 2013-03-19 11:06:22

@ATaylor不需要。 '.append（）'不會克隆它。我會移動它。檢查演示。 – insertusernamehere 2013-03-19 11:07:04

啊，當然。因爲它改變了元素的父元素。我立場糾正。 – ATaylor 2013-03-19 11:08:06

內單擊功能，寫這樣的代碼。

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

來源

2013-03-19 11:06:14

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

我Fiddle demo

來源

2013-03-19 11:06:51 blackhawk

如何從div中刪除鏈接並通過jQuery將其添加到另一個div？

回答

相關問題