私は最初に< p> </p>タグにすべてを表示し、残りの内容をdivにラップして、これはjQueryを使って可能ですか?Wordpress/jQuery - 最初の段落タグを自動的に検出する
query_posts(array('p' => 2, 'post_type' => 'page'));
while (have_posts()) { the_post();
the_content();
}
乾杯、
私は最初に< p> </p>タグにすべてを表示し、残りの内容をdivにラップして、これはjQueryを使って可能ですか?Wordpress/jQuery - 最初の段落タグを自動的に検出する
query_posts(array('p' => 2, 'post_type' => 'page'));
while (have_posts()) { the_post();
the_content();
}
乾杯、
最初の段落をスタイルするのはよりクリーンですが、後続の段落をコンテナにカプセル化して表示から非表示にする場合は、jQueryを使用します。サンプルコードは、あなたのソリューションは明らかにあなたの特定の設定に依存します。
<html>
<head>
<title>Home</title>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
var first = $("body p:first");
first.addClass("first");
var rest = first.siblings('p');
var container = $("<div class='container'></div>").append(rest);
first.after(container);
});
</script>
</head>
<body>
<h1>Hello world!</h1>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
<p>Paragraph 3</p>
<p>Paragraph 4</p>
</body>
</html>
あなたはそれが最初の段落を含む(表示したいと私は何をお勧めしたいことは、テキストにあなたのスタイルを設定されて次のようにワードプレスのループを使用してコンテンツイムを表示する
あなたが最終的には残りの部分と異なるようにしたい)。
ことを行うのならば、あなたはとの最初の段落を選択することができます
$('#container p:first').addClass('firstparagraph');
を...そして異なっ.firstparagraphスタイルをCSSを使用しています。