javascript - 将一些内容附加到父 Div 后，内容不使用 jquery 的 .html 附加到子 Div

Question

我已经向“共享按钮的父级”添加了一个 div，然后我尝试将一些跨度附加到“共享按钮”

1. $("#ShareBtn").parent().html("\\ i had appended some div code here");

2. $('#ShareBtn').html("\\some more code i added here");

但是第一个动作是成功的，第二个是失败的..

谁能帮我？

Answer 1

第一次调用将删除 #ShareBtn，因为 jquery .html() 替换了元素内包含的所有元素，您可能希望使用 .append() 代替。

这就是正在发生的事情：

<div id="parent">
  <div id="shareBtn"></div>
</div>

在你运行这条线之后

$("#ShareBtn").parent().html("\\ i had appended some div code here");

元素看起来像这样：

<div id="parent">
  \\ i had appended some div code here
</div>

由于元素 ShareBtn 不再存在，因此使第二行代码无用。

Answer 2

您必须知道，$.html();在 jQuery 中不会附加代码，而是替换元素的 innerHTML（请参阅 Javascript）。在覆盖其父内容后，您的代码$('#ShareBtn')不再存在。