Question

我似乎无法得到这个包装功能的工作。它找不到课程并包装它。有任何想法吗？

不知道我做错了什么。有任何想法吗？

$(document).ready(function() { 
$('.greybox').wrap(" 
<div class='margin'> 
<div class='cont_wrapper'> 
<div class='border_top'> 
<div class='border_right'> 
<div class='border_bottom'> 
<div class='border_left'> 
<div class='tr'> 
<div class='tl'> 
<div class='br'> 
<div class='bl'> 
<div class='inner_container'> 

</div>   
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
"); 
}); 

Answer 1

你试图做以下

contents = $('<div class="margin"> 
<div class="cont_wrapper"> 
<div class="border_top"> 
<div class="border_right"> 
<div class="border_bottom"> 
<div class="border_left"> 
<div class="tr"> 
<div class="tl"> 
<div class="br"> 
<div class="bl"> 
<div class="inner_container"> 
</div></div></div></div></div></div></div></div></div></div></div>'); 

，然后环绕各.graybox的HTML？

$('.greybox').wrap(content); 

此外请确保您的元素属性使用双引号。

Answer 2

好的解决了它，只要我把它放在一行就可以正常工作。谢谢虽然

$(document).ready(function() { 

$('.greybox').wrap("<div class='margin'><div class='cont_wrapper'><div class='border_top'><div class='border_right'><div class='border_bottom'><div class='border_left'><div class='tr'><div class='tl'><div class='br'><div class='bl'><div class='inner_container'></div></div></div></div></div></div></div></div></div></div></div>"); 

}); 

Answer 3

您有几种选择来解决这个问题的答案，把它放在一个行：

$('.greybox').wrap("<div class='margin'><div class='cont_wrapper'>... 

或者，使用\，表明串进到下一行，像这样的：

$('.greybox').wrap(" \ 
<div class='margin'> \ 
<div class='cont_wrapper'> \ 
.... 

或者，串连各行：

$('.greybox').wrap(
"<div class='margin'>" + 
"<div class='cont_wrapper'>" + 
...