1

我正在处理包含多篇博客文章的页面，并且由于当前平台/模板的限制，无法移动 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');​

提前感谢您的帮助！

4

1 回答 1

6

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

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

（我的遍历是错误的）。

会将反应计数移动到其父条目内容中的帖子标题中。

摆弄你的 CSS

于 2012-10-07T19:08:50.153 回答