通过单击按钮</div>将文本从一个<div>移动到另一个<div>

Question

我想做的是：

我想要将左侧<div>上的所有字词移动到右侧<div>，或者只移动选定的字词。点击以突出显示单词的部分已经完成，但将内容从一个<div>移动到另一个是我以前从未做过的事情。这是可以用jquery或javascript完成的吗？的 Fiddle here 即可。感谢。

Answer 1

没有太多要离开这里，但我猜测突出显示的事情是在div中添加一个带有类的跨度。所以你可以用jQuery做这样的事情：

$("body").on("click", "#copySelected", function(){
    var text = "";
    $("div .highlighted").each(function(){
         text += $(this).text();
         $("textarea").val(text);
    })
})

$("body").on("click", "#copyAll", function(){
    $("textarea").val($("div").text());
})

您显然需要更改选择器以匹配您的标记。

这是一个小提琴：http://jsfiddle.net/MgR7A/