1

最近、tumblr を発見し、そこにブログを作成して自分のウェブサイトを宣伝することにしました。

すべて問題ないように見えますが、1 つだけ問題があります。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() を使用して各キャプションの最初の子をターゲットにする必要があるということですが、それらをまとめる方法がわかりません。私が欲しいのは、各キャプションの最初の段落をタグに置き換えることです。

また、お気づきかもしれませんが、テキストの投稿は私のテーマでビデオや写真と同じクラス名を使用していますが、タイトルはあります。したがって、最初の段落は変更したくありません。たとえば、2 番目のクラスを追加し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 に答える