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

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

1 个答案: