使用 jquery 在 tumblr 博客中添加标题

Question

我最近发现了 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/

Answer 1

用标签替换第一段是什么意思？至于尝试定位和更改第一段，您可以尝试使用 :first-child 和 :before css 选择器吗？类似的东西

.video p:first-child:before {
    content: "";
}