変数の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); 

が可能ということですか？または、まずDOMにhtmlコードを挿入してjQueryでそれを探して編集する必要がありますか？

Answer 1

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

あなたidとrelは既に修正されているが。ロリー・コメントで述べているように、あなたのコードが動作し、問題はないはずです

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

Answer 2

が、あなたはすでにDOMに配置されたコンテンツを交換したいと：しかし、あなたはまだ、次の操作を行い#elementにそれを追加したい場合代わりに$('.stuff').replaceWith(codeExample);を使用すると便利です。

replaceWith()については、the jQuery documentation pageをご覧ください。