jQuery將多個DOM元素使用它們的類（不是ID）移動到其他元素中

Question

我正在處理包含多個博客文章的頁面，並且由於當前平臺/模板的約束，無法移動HTML中的註釋計數。

我想將.reaction-count元素從每篇文章的一部分移到另一部分。

我已閱讀此主題上的解決方案：How to move an element into another element?但我仍然不確定如何將其轉換爲我需要的內容。

這是我到目前爲止嘗試過的。由於它將所有.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)); 
}); ​ ​ 

（我的穿越是錯誤的）。

會將反應計數轉移到其父項內容中的帖子標題上。

Fiddle with your CSS included