jQuery 单击克隆并删除原始文件

Question

我运行遇到了一些麻烦，我不确定如何让它工作。

我有 3 个单选按钮，其中两个将执行一个操作。当用户点击艺术家或歌曲收音机时，我需要将对象从一个部分复制并附加到另一个部分。这是我的代码：

<input tabindex="0" name="set" value="album" type="radio">
<div class="wrap">
  <input tabindex="0" name="set" value="artist" type="radio" checked="checked">
  <div class="company"> ...... </div>
</div>
<div class="wrap">
  <input tabindex="0" name="set" value="song" type="radio">
</div>

这里是 js:

$("input[name=set]").change(function () {
    if($(this).val() == "artist" || $(this).val() == "song") {
        var $wrap = $(this).closest(".wrap");
        $(".company").clone(true).appendTo($wrap);

        here remove the original $('.company') object
    }

});

想法是艺术家或歌曲电台将具有相同的功能，并且它们中的每一个都将只附加 .company 对象，但从另一个对象中删除，反之亦然

Answer 1

只需使用appendTo() no need for clone()，它将移动dom元素

$("input[name=set]").change(function () {
    if($(this).val() == "artist" || $(this).val() == "song") {
        var $wrap = $(this).closest(".wrap");
        $(".company").appendTo($wrap);
    }
});

jQuery 单击克隆并删除原始文件

jQuery on click clone and remove original

jquery

clone