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

你有几个选项来解决这个问题，把它放在一行：

$('.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'>" +
...

Answer 2

您是否尝试过以下操作

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>');

然后将html包装在每个.graybox？

周围

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

另外，请确保为元素属性使用双引号。

Answer 3

好的解决了，只要我把它全部放在一行就行了。谢谢你的回答

$(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>");

});

JQuery .wrap函数问题

3 个答案: