我需要在<a>
上将list-container
从selected container
移至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>
答案 0 :(得分:5)
试试这个:
var target = $('.selected-container');
$('.list-container > a').click(function() {
target.append($(this));
});
<强>演示强>
答案 1 :(得分:0)
内部点击功能,编写此代码。
$(".selected-container").append($(".list-container").html());
答案 2 :(得分:0)
$(".list-container a").click(function() {
$(this).prependTo('.selected-container');
});