我想添加一个父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>
解决方法
您需要选择所有元素才能将它们包装起来.我建议为它们添加一个公共类,但在此期间你可以使用
attribute selector [id ^ =“face”]来选择id属性以’face’开头的所有元素：
$('[id^="face"]').wrapAll('<div class="cubeSpinner"></div>');
