JQuery 的 replace With()和 html()有什么区别？

小开

ReplaceWith ()将替换当前元素，而 html ()只是替换内容。

请注意，replaceWith ()实际上不会删除元素，而只是将其从 DOM 中删除并在集合中返回给您。

小开

最佳答案

以下面这段 HTML 代码为例:

<div id="mydiv">Hello World</div>

做法:

$('#mydiv').html('Aloha World');

将导致:

<div id="mydiv">Aloha World</div>

做法:

$('#mydiv').replaceWith('Aloha World');

将导致:

Aloha World

因此，Html ()替换元素的内容，而用()代替替换实际的元素。

小开

老问题了，不过这个可能对某人有帮助。

如果你的 HTML 是无效的，那么这些函数在 Internet Explorer 和 Chrome/Firefox 中的运行方式有所不同。

清理您的 HTML，它们将作为文档工作。

(没有关闭我的 </center>让我失去了我的夜晚!)

小开

使用 html ()和 replaceWith () Jquery 函数有两种方法。

<div id="test_id">
<p>My Content</p>
</div>

Html () vs Replace With ()

var html = $('#test_id p').html();将返回“我的内容”

但是 var replaceWith = $('#test_id p').replaceWith();将返回 <p>My Content</p>.

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>

小开

知道 .empty().append()也可以代替 .html()使用也是有用的。在下面显示的基准测试中，这样做会更快，但只有在需要多次调用这个函数的情况下才会这样做。