将元素移到另一个(父类相同的类)中

时间:2018-12-06 15:55:48

标签: javascript jquery html

我正在尝试在同一父级的另一个元素内移动元素 那个父母有同级的兄弟姐妹,所以我想将这个应用于每个兄弟姐妹,但仅适用于他们的孩子

此刻,它占用了所有title并将它们移动到image内,所以我最后在每个元素上添加了3 title

我想要的只是在title内移动每个item的{​​{1}}

image

这就是我一直在尝试的...

<div class="item">
    <a href="" class="image">
         <img src="">
    </a>
    <h3 class="title"></h3> <!-- Element to move inside 'image' -->
</div>

<div class="item">
    <a href="" class="image">
         <img src="">
    </a>
    <h3 class="title"></h3>
</div>

<div class="item">
    <a href="" class="image">
         <img src="">
    </a>
    <h3 class="title"></h3>
</div>

1 个答案:

答案 0 :(得分:1)

//find the title and image relative to the item being iterated over
$( ".item" ).each(function( index ) {
    $('.title', this).prependTo($('.image', this));
});