在dom外创建元素并使用jQuery操纵它们

Question

我试着看着this post，它有一个几乎相同的标题，但尽管试图找到合适的答案，但我的代码仍然无法正常工作。

我这样的DOM之外创建一个元素：

var e = $('<div class="alert"><div class="messageBox"><h1>'+type+'</h1><p class="message">'+message+'</p></div></div>'); 

在下一行，我试图操纵它。正如你所看到的，我试图为选择器定义上下文（我在其他文章中看到的建议），但它不起作用。有人能指出我做错了什么吗？

Answer 1

的.alert格已经在你的e变量DOM的根目录，因此没有必要使用上下文参数（这将导致找到您.alert DIV中的另一个.alert格，这将不会找到任何东西）所以才这样做：

e.width($(window).width()).height($(window).height()); 

如果你到一些财产分配给您的.messageBox格，然后它会工作使用环境参数像你这样：

//this will work as .messageBox is inside your root element(.alert) 
$('.messageBox',e).width(...); 

Answer 2

$('.alert',e)相当于e.find('.alert')因为e是.alert

返回没什么只需使用：

e.width($(window).width()).height($(window).height());