添加一些內容到父Div後，內容不附加到Child Div使用.html的jquery

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')在覆蓋其父內容後不再存在。