使用jQuery替换包含所有HTML标记的元素

Question

假设我有一个元素的正确位置是什么最好的方法来替换所有的HTML，包括使用jQuery（）的给定HTML代码块的标签？我想做类似以下的事情。这是一个很好的方法吗？还有哪些其他可用或有用的方法可供了解？

var location = 'td[id^="A0.R0.Work"]';
var element = jQuery(location).prev();
element.html('<h1>some code</h1>');

感谢。

Answer 1

尝试.replaceWith()

$(element).replaceWith(other_stuff);

Answer 2

您提供的代码将尝试将HTML分配给jQuery的html函数返回的任何内容。相反，将您的html作为参数传递给html函数：

var location = 'td[id^="A0.R0.Work"]';
var element = jQuery(location).prev();
element.html('<h1>some code</h1>');

Answer 3

JQUERY有时候开销太大了。

var location = document.getElementById('A0.R0.Work');
location.innerHTML = '<h1>some code</h1>';