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

How can I copy and modify text from one element to another?

本文关键字：元素 复制 一个 修改 另一个 文本      更新时间：2023-09-26

我是JQuery的新手，我要问的问题对你们大多数人来说都很简单。

我需要创建一个带有 id "original" 和内容"这是原始文本"的段落标签。我想创建一个 id 为"clone"的空段落标签。

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

结果：将有两个段落，一个说"这是原始文本"，另一个说"这是克隆的文本"。

请解释我如何尽可能简单地做到这一点:)提前谢谢你。

您需要使用 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");
相关文章：