使用jquery在tumblr博客中添加Tittle

时间:2012-09-24 10:57:37

标签: jquery tumblr

我最近发现了tumblr,我决定在那里创建一个博客来宣传我的网站。

一切似乎都没问题,但我只有一个问题。在tumblr视频和照片帖子不能有标题。因此,当您发布照片时,您添加的文字如下所示,因为标题看起来相同。

我想要做的是用h3标签替换每个标题的第一段。 html结构就像那样

<div id="content">
    <div>
        <div>
            <div class="video">
                <div class="caption">Text here</div>
            </div>
            <div class="photo">
                <div class="caption">Text here</div>
            </div>
            <div class="text">
                <h1>Title</h1>
                <div class="caption">Text here</div>
            </div>
        </div>
    </div>

我自己尝试了,直到现在我理解的是我需要使用each()append()来定位每个标题的第一个孩子,但我不知道如何将它们组合在一起。 我想要的是每个标题中的第一段用标签替换。

另外,您可能会注意到文字帖子在我的主题中使用与视频和照片相同的类名,但它们确实有标题。所以我不想改变那里的第一段。我可以添加第二个类,例如class="caption photovideo",并让jQuery仅针对这些类。我想我的问题是如何:P。

如果你想检查我在这里使用的主题的确切html代码是链接http://effectortheme.tumblr.com/

1 个答案:

答案 0 :(得分:0)

用标签替换第一段是什么意思?至于尝试定位和更改第一段,您可以尝试使用:first-child和:在css选择器之前可能?像

这样的东西
.video p:first-child:before {
    content: "";
}