代码之家 › 专栏 › 技术社区 › Maanstraat

将元素移动到与类最接近的其他元素

closest move jquery

1

Maanstraat · 技术社区 · 7 年前

我在页面上有多篇文章,但我想把h2标题移到(最近的)flexslider div中,因为我想把标题放在图像上,但我无法让它工作。

HTML格式:

<article>
    <div class="flexslider"></div>
    <div class="post-content">
        <h2 class="entry-title">Title text</h2>
    </div>
</article>

<article>
    <div class="flexslider">
        <h2 class="entry-title">Title text</h2>
    </div>
    <div class="post-content"></div>
</article>

JS什么不适合我:

jQuery('article h2.entry-title').appendTo( jQuery('.flexslider') );

2 回复 | 直到 7 年前

1

3

billyonecan 7 年前

你可以用 append( function ) .flexslider ,找到 .entry-title 在同一个地方 <article> 并附加:

$( '.flexslider' ).append( function() {
    return $( this ).closest( 'article' ).find( '.entry-title' );
} );

Here's a fiddle

2

0

Sooriya Dasanayake 7 年前

$("#appendTo").click(function() {
  $(".entry-title").appendTo($(".flexslider"));
});
$("#prependTo").click(function() {
  $(".entry-title").prependTo($(".flexslider"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="flexslider" >sss</div>
    <div class="post-content" >
        <h2 class="entry-title">Title text</h2>
    </div>
    <button id="appendTo">appendTo main</button>
<button id="prependTo">prependTo main</button>