循环遍历具有唯一类的div，找到div并附加到父div
循环遍历具有唯一类的div，找到div并附加到父div
提问于 2013-03-31 22:23:21
我有以下结构：
<div id="camera_wrap">
<div data-src="Slider-Image-1.jpg" class="test"></div>
<div class="camera_caption fadeFromBottom">a</div>
<div data-src="Slider-Image-2.jpg" class="test"></div>
<div class="camera_caption fadeFromBottom">b</div>
<div data-src="Slider-Image-3.jpg" class="test"></div>
<div class="camera_caption fadeFromBottom">c</div>
</div>我必须将带有class="camera_caption“的div移到父div中，如下所示：
<div id="camera_wrap">
<div data-src="Slider-Image-1.jpg" class="test"><div class="camera_caption fadeFromBottom">a</div></div>
<div data-src="Slider-Image-2.jpg" class="test"><div class="camera_caption fadeFromBottom">b</div></div>
<div data-src="Slider-Image-3.jpg" class="test"><div class="camera_caption fadeFromBottom">c</div></div>
</div>我该怎么做呢？
马里奥
回答 4
Stack Overflow用户
发布于 2013-03-31 22:28:25
你可以用一个循环来做这件事。jQuery提供each
$('.camera_caption').each(function(){
var o=$(this);
o.appendTo(o.prev());
});( div获取前面的元素，因此这将把每个camera_caption div添加到紧接它之前的div中)
Stack Overflow用户
发布于 2013-03-31 22:28:26
$(".camera_caption").each(function(){
$(this).prev('.test').append($(this));
});之后，编辑我删除了导致元素被完全删除的行。虽然这是可行的，但如果你想要这样的html结构，我还是建议你在生成标记的时候这样做。
DEMO
Stack Overflow用户
发布于 2013-03-31 23:10:32
$(".camera_caption").each(function(index, element) {
$(element).prev().html(element);
});http://jsfiddle.net/fCTr5/1/
哦，这些是兄弟节点，而不是父节点;)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15730391
复制相关文章
相似问题
腾讯云开发者
