javascript - 一部のコンテンツを親Divに追加した後、jqueryの.htmlを使用してコンテンツが子Divに追加されない

Question

「共有ボタンの親」にdivを追加してから、「共有ボタン」にスパンを追加しようとしました

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

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

しかし、最初のアクションは成功し、2番目のアクションは失敗します。

誰かが私を助けることができますか？

Answer 1

jquery .html（）は要素内に含まれるすべての要素を置き換えるため、最初の呼び出しでは#ShareBtnが削除されます。代わりに、.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がもう存在しないため、コードの2行目を役に立たなくします。

Answer 2

$.html();jQueryではコードを追加せず、要素のinnerHTML（Javascriptを参照）を置​​き換えることを知っておく必要があります。親コンテンツを上書きした後、コード$('#ShareBtn')はもう存在しません。