在多个div上添加父div

Question

我想添加一个父div.

<div id="faceone"><img src=""></div>

<div id="facetwo" ><img src=""></div>

<div id="facethree"><img src=""></div

<div id="facefour"><img src=""></div>

这是四个div,我想在它们上面添加一个父div.我试过这个

$('#faceone').wrapAll('<div class="cubeSpinner">'); 

但这只是在faceone上面添加了cubeSpinner

<div class="cubeSpinner">

<div id="faceone"><img src=""></div>

</div>
<div id="facetwo" ><img src=""></div>

<div id="facethree"><img src=""></div

<div id="facefour"><img src=""></div>

但我希望结果应该是这样的

<div class="cubeSpinner">

<div id="faceone"><img src=""></div>

<div id="facetwo" ><img src=""></div>

<div id="facethree"><img src=""></div

<div id="facefour"><img src=""></div>

</div>

Answer 1

您需要选择所有元素才能将它们包装起来.我建议为它们添加一个公共类,但在此期间你可以使用属性选择器 [id^="face"]来选择具有id以'face'开头的属性的所有元素:

$('[id^="face"]').wrapAll('<div class="cubeSpinner"></div>');