Использование jQuery для замены элемента, включая все теги HTML

Question

Предположим, что у меня есть правильное расположение элемента. Какой способ заменить весь html, включая теги данного блока HTML-кода, используя jQuery()? Я хочу сделать что-то похожее на следующее. Это хороший способ сделать это? Какие другие способы доступны или полезны для ознакомления?

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's 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);