用jQuery在div中包装多个
(wrap multiple
in a div with jQuery)
在以下标记中，有两个<p>标记。 如何使用jQuery将它们都包装在一个div中？
<div class="box"> <ul> <li>1</li> <li>1</li> </ul> <p>paragraph 1</p> <p>paragraph 2</p> </div>期望的输出应该是：
<div class="wrap"> <p>paragraph 1</p> <p>paragraph 2</p> </div>我一直在尝试jQuery函数.wrap，但未能这样做。 我只能尝试跟随，但它会将<p>包装在单独的<div> ：
$( "p" ).wrap( "<div class='wrap'></div>" );JSFiddle： http ： //jsfiddle.net/avfr8fpe/
In the following markup there are two <p> tags. How can I wrap both of them in a single div using jQuery?
<div class="box"> <ul> <li>1</li> <li>1</li> </ul> <p>paragraph 1</p> <p>paragraph 2</p> </div>Desired output should be:
<div class="wrap"> <p>paragraph 1</p> <p>paragraph 2</p> </div>I have been trying jQuery function .wrap, but failed to do so. I could only try following but it would wrap both <p> in separate <div>:
$( "p" ).wrap( "<div class='wrap'></div>" );JSFiddle: http://jsfiddle.net/avfr8fpe/
最满意答案
你可以使用wrapAll ：
$( "p" ).wrapAll( "<div class='wrap'></div>" );更新了jsFiddle
You can use wrapAll:
$( "p" ).wrapAll( "<div class='wrap'></div>" );Updated jsFiddle
更多推荐
wrap,<p>,class,jQuery,<div,电脑培训,计算机培训,IT培训"/> <meta name
发布评论