回答:
次のHTMLコードを見てください。
<div id="mydiv">Hello World</div>
実行:
$('#mydiv').html('Aloha World');
結果は:
<div id="mydiv">Aloha World</div>
実行:
$('#mydiv').replaceWith('Aloha World');
結果は:
Aloha World
したがって、html()は要素のコンテンツを置き換え、replaceWith()は実際の要素を置き換えます。
replaceWith()は現在の要素を置き換えますが、html()は単にコンテンツを置き換えます。
replaceWith()は実際に要素を削除するのではなく、単にDOMから要素を削除して、コレクションでそれを返すことに注意してください。
ピーターの例:http : //jsbin.com/ofirip/2
-1
ます。うまくいけば、これはすべての人に役立つでしょう。:)
var $form = $target.closest('tr').replaceWith(html)
ことが$form
わかりました。ため息
html()およびreplaceWith()Jquery関数を使用するには2つの方法があります。
<div id="test_id">
<p>My Content</p>
</div>
1.)html()とreplaceWith()
var html = $('#test_id p').html();
「マイコンテンツ」を返します
しかし、
var replaceWith = $('#test_id p').replaceWith();
はのDOMオブジェクト全体を返します
<p>My Content</p>
。
2.)html( 'value')vs replaceWith( 'value')
$('#test_id p').html('<h1>H1 content</h1>');
次の出力を提供します。
<div id="test_id">
<p><h1>H1 content</h1></p>
</div>
しかし、これ
$('#test_id p').replaceWith('<h1>H1 content</h1>');
はあなたに次の出力を与えます。
<div id="test_id">
<h1>H1 content</h1>
</div>
古い質問ですが、これは誰かを助けるかもしれません。
HTMLが有効でない場合、Internet ExplorerとChrome / Firefoxでのこれらの機能の動作にはいくつかの違いがあります。
HTMLをクリーンアップすると、ドキュメントどおりに機能します。
(私の</center>
費用を閉じないで私の夜!)
の.empty().append()
代わりに使用できることも知っておくと便利です。.html()
。以下に示すベンチマークでは、これはより高速ですが、この関数を何度も呼び出す必要がある場合のみです。