变量上的Jquery选择器

Question

我想使用jQuery选择某些html代码的属性和元素，使用jQuery更改它们，然后将已编辑的html代码附加到DOM中。

我想实现这样的目标：

.prop()

这可能吗？或者我首先必须在DOM中插入html代码，然后使用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

正如Rory在评论中指出的那样，您的代码将起作用并且应该没有问题，但是当您想要替换已放置在DOM中的内容时，使用$('.stuff').replaceWith(codeExample);可能会很有用。

您可以在the jQuery documentation page中找到有关replaceWith()的更多信息。