Javascript 在jquery中添加包含不同内容的html

我有一个小脚本，用于在网站的正文中添加不同部分的代码

WincontentBody=jQuery("<div class='wd_"+idw+"'id='win_container'>OK</div>"); 

WincontentBody=jQuery("</div>");


jQuery(WincontentBody).fadeIn(3000).appendTo('body');

WincontentBody=jQuery（“确定”）；
WincontentBody=jQuery（“”）；
jQuery（WincontentBody）.fadeIn（3000）.appendTo（'body'）；

我试图将代码从WincontentBody添加到body，但它不起作用，我在语法上有一些错误，因为从不显示div

我认为这很好，但我找不到问题所在，我的想法是将变量WincontentBody中的所有内容添加到body中

有可能这样做吗？因为我不能去上班

---

谢谢你的高级

我继续为你正确地写下了你的问题。看看西班牙语中的SO

fadeIn

和

appendTo

是

jQuery

方法<代码>WincontentBody包含一个字符串。您应该首先使用html创建一个新的

jQuery

对象

$(WincontentBody).appendTo('body').fadeIn(3000); //first append, then fade in

如果

fadeIn

似乎不起作用，可能是因为在将元素插入页面之前必须隐藏元素（使用一些css）。否则，您将试图淡入已可见的内容

我不知道你的代码是否真的是这样格式化的，或者它只是被包装在这里，但是你不能有多行字符串，除非你在每行末尾加上

\

---

现在（编辑之后），您将创建两个jQuery对象。一个带有

div

，另一个没有任何有效内容

WincontentBody=jQuery("<div class='wd_"+idw+"'id='win_container'>OK</div>");
//WincontentBody now has the div 

WincontentBody=jQuery("</div>");
//WincontentBody now has nothing. The </div> is not being appended to what was in WincontentBody before, you're assigning a new value to it

jQuery(WincontentBody).fadeIn(3000).appendTo('body');
//You're appending WincontentBody (which has nothing valid) to the body
//Also, WincontentBody is already a jQuery instance, no need to call jQuery() again

试试这个

$（文档）.ready（函数（）{
WincontentBody=“好的，这很好。”；
$（'.displayHere'）.append（WincontentBody）；
$（'.displayHere'）.fadeIn（3000）；
});
body{背景：#eee}
.displayHere{display:none；}

你好，伙计
请详细说明您面临的问题。我有var WincontentBody，在每种情况下都有不同的值，我只想将所有的值从appendTo添加到body中，没有更多，谢谢你搞错了。请参阅我更新的答案。该答案缺少解释。
var WincontentBody=jQuery("----all the html code at once----");
WincontentBody.appendTo("body").fadeIn(3000);