我的HTML:
<div class="mainDiv">
<p>This is a paragraph</p>
<div class="innerDiv">This is a div</div>
This is what I want to wrap
</div>
我想要的是:
<div class="mainDiv">
<p>This is a paragraph</p>
<div class="innerDiv">This is a div</div>
<div class="wrapper">
This is what I want to wrap
</div>
</div>
我试过了:
$('.mainDiv').find(".innerDiv").next().wrap('<div class="wrapper" />')
但它不起作用。我怎样才能达到上述效果?
你可以使用jQuery contents()和slice方法:
$('.mainDiv').contents().slice(-1).wrap('<div class="wrapper"/>');
使用nextSibling
的另一个解决方案:
$($('.mainDiv .innerDiv')[0].nextSibling).wrap('<div class="wrapper">');