Javascript 变量上的Jquery选择器

我想使用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查找并编辑它

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

尽管您的

id

和

rel

已被修改。但如果仍要将其附加到

#元素

中，请执行以下操作：

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

尽管您的

id

和

rel

已被修改。但如果仍要将其附加到

#元素

中，请执行以下操作：

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

---

正如Rory在评论中所说的，您的代码可以工作，应该没有问题，但是当您想要替换已经放置在DOM中的内容时，使用

$（'.stuff'）.replaceWith（codeExample）可能会很有用取而代之

您可以在中找到有关
replaceWith（）
的更多信息。
正如Rory在注释中所述，您的代码将正常工作，应该没有问题，但由于您希望替换已放置在DOM中的内容，使用
$（'.stuff'）.replaceWith（codeExample）可能会很有用取而代之

您可以在中找到有关
replaceWith（）
的更多信息。
这是完全可能的。您对此有问题吗？我的伪代码对吗？您需要将
codexample
存储为jQuery对象，而不是字符串。这还取决于DOM的结构，以及它是否能像您期望的那样工作。这是完全可能的。您对此有问题吗？我的伪代码对吗？您需要将
codexample
存储为jQuery对象，而不是字符串。这还取决于DOM的结构，以及它是否能像您期望的那样工作。我的错误是var codeExample未定义，然后它崩溃了，但您给了我一些好主意，所以干杯汉克斯：）请将其标记为正确：）我的错误是var codeExample未定义，然后它崩溃了，但是你给了我一些好主意，所以干杯汉克斯：）请把它标记正确：）