Селектор JQuery для переменной

Question

Я хочу использовать jQuery для выбора атрибутов и элементов некоторого HTML-кода, изменить их с помощью jQuery, а затем добавить этот отредактированный html-код в DOM.

Я хочу, чтобы достичь чего-то вроде этого:

var codeExample = $(".stuff").html(); 
$(codeExample).attr("id").val("2412"); 
$(codeExample).find("div #foo").attr("rel").val("bar"); 
$("#element").append(codeExample); 

Возможно ли это? Или мне сначала нужно вставить html-код в DOM, а затем найти его с помощью jQuery и отредактировать?

Answer 1

var codeExample = $(".stuff"); 
codeExample.attr("id", "2412"); 
codeExample.find("div#foo").attr("rel", "bar"); 

Хотя ваш id и rel уже модифицирована. Но если вы все еще хотите, чтобы добавить его в #element сделать следующее:

$("#element").append(codeExample); 

Answer 2

Как Рори говорится в комментарии, ваш код будет работать и не должно быть никаких проблем, но, как вы хотите, чтобы заменить содержимое уже помещены в DOM , возможно, было бы полезно использовать $('.stuff').replaceWith(codeExample);.

Вы можете найти более подробную информацию о replaceWith() в the jQuery documentation page.