Question

我正在构建一个添加了自定义Tiny MCE风格的wordpress网站，它为用户提供了包含锚点的预备样式“更多”按钮，该按钮位于帖子的左下角。更多按钮的格式如下

<p><span class="moreButton"><a>Link here </a></span></p>.

我的问题是将框的样式设置为动态的大小，无论它们内部有多少文本，并且因为通过wordpress帖子输入的按钮样式越多，它就包含在我似乎无法释放它的div中从。

总而言之，它看起来像这样：

<div class="newsBoxMore">
        <div class="newsBoxMainHolder">

        <div class="alumniHeading newsMainHeading">
        <h4>21 Years of NCCA Masters</h4>
        </div>

        <div class="alumniContent newsMainContent">
                    <p>As a reminder of where we started out this example from 1990 won a special award at the CG90 Festival.</p>
<p>Text in here.</p>
<p><span class="moreButton"><a title="Video" href="" target="_blank">View Here</a></span> </p>

        </div><!-- end newsMainContent -->

        <div class="newsDateHolder">
            <p>POSTED: 16.06.13</p>
        </div><!-- end newsDateHolder -->

        </div><!-- end newsBoxMainHolder -->

    </div><!-- end news Box More -->

我想做的是移动

<p><span class="moreButton"></span></p>

out of newsMainContent div，我想让它坐在它下面，就在newsDateHolder div之上。我尝试使用以下代码：

$(".newsMainContent span").insertAfter($(".newsMainContent"));

这个问题是它与页面上的每个锚点复制了moreButton类。所以我最终得到一个帖子应该有一个更多但是它现在有10个，因为该页面显示了10个帖子。

任何帮助将不胜感激!!

Answer 1

您需要在唯一ID之后提供您想要的元素，并使用它而不是类。

将元素从包含div移到另一个div

1 个答案: