Question

我的结构如下： -

＆＃13;

<div class="container">
    <h1 class="header-div">Title 1</h1>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    <div class="image-div">image1</div>
</div>
<div class="container">
    <h1 class="header-div">Title 2</h1>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    <div class="image-div">image2</div>
</div>
<div class="container">
    <h1 class="header-div">Title 3</h1>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    <div class="image-div">image3</div>
</div>

＆＃13;

我想要 h1 并在 .image-div 之后附加它，并希望为每个块执行此操作

Answer 1

两件事

appendTo会将添加到 div 中，而不是 div。
没有迭代，它会将所有这些克隆在一起，并为每个image-div

你需要尝试

$(".header-div").each( function(){
  $(this).clone().insertAfter( $(this).parent().find( ".image-div" ) );
});

或

$(".header-div").each( function(){
  $(this).clone().appendTo( $(this).parent() );
});

Answer 2

Fiddle

可以这样做

var container = $(".container");
$.each(container, function(k, e){
    $(e).find('.header-div').clone().appendTo($(e).find(".image-div"))
} )

each循环遍历图像和标题div所在的主div元素数组，并将标题移动到另一个DOM位置。

克隆第一个div并使用类名

2 个答案: