将一些内容附加到Parent Div后，内容不会使用jquery的.html附加到Child 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

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