1

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

4

1 回答 1

0

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

.video p:first-child:before {
    content: "";
}
于 2012-10-25T02:17:49.400 回答