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

Question

假设我有一个元素的正确位置什么是使用jQuery（）替换所有html包括给定HTML代码块的标记的最佳方法？我正在寻找类似于以下的东西。这是做这件事的好方法吗？还有哪些其他方式可用或有用于了解？

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

谢谢。

Answer 1

jQuery是有时过多的开销。

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

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

尝试.replaceWith()

$(element).replaceWith(other_stuff);