Javascript 从一个移动文本<;部门>;通过单击一个按钮来切换到另一个

Javascript 从一个移动文本<;部门>;通过单击一个按钮来切换到另一个,javascript,jquery,html,Javascript,Jquery,Html,我想做的是: 我想将左侧的所有单词移动到右侧,或者只移动选定的单词。单击以突出显示单词的部分已经完成,但将内容从一个移动到另一个是我以前从未做过的事情。这是可以用jquery或javascript实现的吗。谢谢。这里没有太多的内容,但我猜突出显示会在div中的文本中添加一个带有类的跨度。因此,您可以使用jQuery执行以下操作: $("body").on("click", "#copySelected", function(){ var text = ""; $("div .h

我想做的是:


我想将左侧的所有单词移动到右侧,或者只移动选定的单词。单击以突出显示单词的部分已经完成,但将内容从一个
移动到另一个是我以前从未做过的事情。这是可以用jquery或javascript实现的吗。谢谢。

这里没有太多的内容,但我猜突出显示会在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());
})
显然,您需要更改选择器以匹配标记


这里有一个小问题:

你说的“点击突出显示单词的部分已经完成”是什么意思?一项任务似乎比另一项任务简单得多。您可能应该共享用于突出显示所选单词的代码。您能告诉我们已经完成的部分吗?只是为了让我们知道该使用什么?我猜它实际上不是一个文本区域,因为您不能在文本区域中设置样式/属性文本。您使用的是
contenteditable
div吗?@Labanino如果我们能看到您现有的代码是如何工作的,这对所有人来说都不会那么痛苦。否则我们就是在黑暗中拍摄。确切地说,这是引导,所以当你点击这个词时,它会将标签类添加到所选的word@Labanino我加了一把小提琴。非常感谢你,马特,这比我想象的要容易。