如何使用jQuery修改指定div内部的HTML元素内容

你可以直接对克隆得到的jQuery对象执行内部元素查找和文本修改操作，修改后的代码如下：

$(".lastName").click(function() {
  const val = $(".mydiv").clone();
  // 在克隆元素内定位label标签，修改文本内容
  val.find(".label").text("Last Name");
  // 修改完成后插入到.result容器
  $(".result").append(val);
})

关键方法说明 #

• find(选择器)：仅在当前jQuery对象的后代节点中匹配目标元素，这里操作的是克隆得到的独立DOM对象，不会影响页面原有的.mydiv元素内容
• text(新文本)：覆盖设置匹配元素的纯文本内容，如果你需要修改的内容包含HTML标签，可替换为html(新内容)方法

内容的提问来源于stack exchange，提问作者Chepky Pie