jquery - Wrap div after another div in jQuery - jQuery PageSlide with Bootstrap work around

Question

I am looking to wrap the div "nav-collapse collapse" before "nav" but after "pageslide"

Not sure if this is the best way to go about it, but I am trying to get the bootstrap submenus to play nicely with the pageslide plugin.

Html I currently have:

 <div id="pageslide">
 <ul id="nav" class="nav slidernav">
   <li>1</li>
   <li>2</li>
   <li>3</li>
 </ul>
</div>

What I would to acheive:

<div id="pageslide">
   <div class="nav-collapse collapse">
      <ul id="nav" class="nav slidernav">
        <li>1</li>
        <li>2</li>
        <li>3</li>
      </ul>
    </div>
</div>

jQuery:

$("<div class='nav-collapse collapse'>").insertAfter("#nav").append($("#pageslide"));

This is targeted for jQuery Pageslide implemented into bootstrap:

http://jsfiddle.net/8Cjn9/44/

Answer 1

您可以使用wrapnav使用即时包装器来包装您的div 。同样你有wrapInner，wrapAll。您可以选择满足您需求的那一款。

$('.nav').wrap('<div class="nav-collapse collapse"></div>');

小提琴

Answer 2

你可以试试这个

$("#pageslide").wrapInner("<div class='nav-collapse collapse' />");

1. jQuery.wrapInner()

Answer 3

解决方法是使用 jQuery 来调整你的 twitter 引导子菜单。