jQuery使用它们的类(而不是ID)将多个DOM元素移动到其他元素中

Question

我正在处理一个包含多篇博客文章的页面,由于当前平台/模板的限制,无法移动HTML中的注释计数.

我想将.reaction-count元素从每篇文章的一部分移动到另一部分.

我已经阅读了这个帖子的解决方案:如何将元素移动到另一个元素中？但我仍然不确定如何将其转化为我需要的东西.

这是我到目前为止所尝试的内容.它不是很有效,因为它将所有.reaction-count元素移动到所有.post-title元素中,而不仅仅是该特定文章的.reaction-count.

一次尝试:http: //jsfiddle.net/DanEvans/jbgC4

另一种尝试:http: //jsfiddle.net/DanEvans/jbgC4/5/

这是一些模仿情况的简化示例HTML:

<div class="entry-content">
    <h2 class="post-title">
        <a href="#">Post #1</a>
    </h2>

    <p>Lots of other text and elements</p>

    <span class="reaction-count">
        <br><a href="#">Post #1 Comments</a>
    </span>
</div>
<hr>
<div class="entry-content">
    <h2 class="post-title">
        <a href="#">Post #2</a>
    </h2>

    <p>Lots of other text and elements</p>

    <span class="reaction-count">
        <br><a href="#">Post #2 Comments</a>
    </span>
</div>?

我尝试过的第一件事:

$('.reaction-count').appendTo('.post-title');?

在此先感谢您的帮助!

Answer 1

如果您只是想将反应计数移动到相同条目内容的后标题中..

$('.reaction-count').each(function(){
    $(this).parent().find('.post-title').append($(this));
});  ?  ?

(我的穿越错了).

将反应计数移动到其父级条目内的帖子标题中.

包括你的CSS