在將某些內容附加到父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')在覆蓋其父內容之后不再存在。