如何将文本从一个元素复制和修改到另一个元素？

Question

我是JQuery的新手，对于大多数人来说，我要问的问题非常简单。

我需要创建一个id为“original”的段落标记，并且内容为“这是原始文本”。我想创建一个id为“clone”的空段落标记。

我想编写一个脚本，将'#original'文本的值存储在变量中，用另一个变量中的'cloned'替换单词'original'，并将该值放在'#clone'中。

结果：将有两个段落，一个说“这是原始文本”。另一种说法是“这是克隆文本。”

请解释我怎样才能尽可能简单:)提前谢谢你。

Answer 1

您将需要使用jQuery .text()函数，该函数允许您将文本内容存储到变量中。

var originalText = $("#original").text();

然后你可以像这样操纵那个变量。

var modifiedText = originalText.replace("original", "cloned");

然后，使用相同的.text（）函数，您可以将文本写入克隆元素。

$("#clone").text(modifiedText);

以下是一个有效的例子： http://jsfiddle.net/DLeGa/

当然，你也可以在一行中完成这一切。

$("#clone").text($("#original").text().replace("original", "cloned")); 

或者您可以将其转换为可重复使用的功能。

function cloneText(srcSelector, destSelector, stringToReplace, replaceWith) {
  var text = $(srcSelector).text();
  var modifiedText = text.replace(stringToReplace, replaceWith);
  $(destSelector).text(modifiedText);    
}

// Usage
cloneText("#original", "#clone", "original", "cloned");