我知道这是一个简单的解决方法,但我找不到正确的方法.请帮忙!
我有这样的HTML struct
<div class="main">
<div class="parent">
<div class="child1">some content</div>
<div class="child2"><span class="grand-child1">some content</span></div>
</div>
<img src="image.jpg" />
</div>
<div class="main">
<div class="parent">
<div class="child1">some content</div>
<div class="child2"><span class="grand-child1">some content</span></div>
</div>
<img src="image.jpg" />
</div>
<div class="main">
<div class="parent">
<div class="child1">some content</div>
<div class="child2"><span class="grand-child1">some content</span></div>
</div>
</div>
现在我想在grand-child1 <span>
的前两个<main>
div中添加<img>
.
如果我使用以下jQuery <img>
,则在所有<main>
个div中出现两次
$("img").appendTo(".grand-child1");
所以,我使用了这样的每个函数.但对我来说什么都不管用.
$(".main img").each(function () {
jQuery(this).find('img').appendTo(this).closest(".grand-child1");
});