在将一些内容附加到Parent Div之后，使用jquery的.html将内容不附加到Child Div

After appending some Content to Parent Div,Content not appending to Child Div using .html of jquery

本文关键字：Div jquery Child 使用 html Parent 之后      更新时间：2023-09-26

我在"共享按钮的父级"中添加了一个div，然后我试图在"共享键"中添加一些跨度

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

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

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

有人能帮我吗？

第一个调用将删除#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已经不存在了。

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

相关文章：