wrapall | 易学教程

.slice and .wrapall

阅读更多关于 .slice and .wrapall

问题 I'm using a bit of code suggested by a member on stackoverflow and adapted by me to wrap every 3 list items as part of a mega menu. The code is: var lis = $("ul > li"); for(var i = 0; i < ls.length; i+=3) { lis.slice(i, i+3).wrapAll("<div class='new'></div>"); } Unfortunately this will grab child li's from the next parent menu to fill up the 'quota' of 3 li's in a div. This is of course massively messing up my menus. For an example please visit here. Does anyone have any suggestion how I

Wrap HTML with DIV until next H3

阅读更多关于 Wrap HTML with DIV until next H3

I have the following HTML structure: $('#subgroup a').nextUntil('h3').wrapAll('<div></div>'); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="subgroup"> <h3>Group name #1</h3> <a href="#">Link #1</a> <a href="#">Link #2</a> <h3>Group name #2</h3> <a href="#">Link #3</a> <a href="#">Link #4</a> </div> I have this flat structure because I want to use jQuery UI's accordion effect. I want to wrap all a elements between the h3 elements. But this caused some of the a elements to disappear. I've tried quite a few selectors but none of them has worked

jQuery nextUntil include text nodes

阅读更多关于 jQuery nextUntil include text nodes

I'm using nextUntil method to get all stuff between two elements. But this method does not include text nodes to output. It gives an array like [<br>, <br>, <br>] . How can I get all stuff including text nodes? This is the HTML code: $('.content a:contains("spoiler").b:even').each(function() { $(this).nextUntil('.content a:contains("spoiler").b') .wrapAll('<div style="border:solid 1px black;"></div>'); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="content"> --- <a class="b" href="/?q=spoiler">spoiler</a> --- <br> <br> dangerous text

Wrap HTML with DIV until next H3

阅读更多关于 Wrap HTML with DIV until next H3

问题 I have the following HTML structure: $('#subgroup a').nextUntil('h3').wrapAll('<div></div>'); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="subgroup"> <h3>Group name #1</h3> <a href="#">Link #1</a> <a href="#">Link #2</a> <h3>Group name #2</h3> <a href="#">Link #3</a> <a href="#">Link #4</a> </div> I have this flat structure because I want to use jQuery UI's accordion effect. I want to wrap all a elements between the h3 elements. But this

Wrap every 3 divs in a div

阅读更多关于 Wrap every 3 divs in a div

问题 Is it possible to use nth-child selectors to wrap 3 divs using .wrapAll ? I can\'t seem to work out the correct equation. so... <div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> becomes... <div> <div class=\"new\"> <div></div> <div></div> <div></div> </div> <div class=\"new\"> <div></div> <div></div> <div></div> </div> </div> 回答1: You can do it with .slice(), like this: var divs = $("div > div"); for(var i = 0; i < divs.length; i+=3) { divs.slice(i, i+3)