2011-05-08 7 views

答えて

2

最初の段落をスタイルするのはよりクリーンですが、後続の段落をコンテナにカプセル化して表示から非表示にする場合は、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> 
0

あなたはそれが最初の段落を含む(表示したいと私は何をお勧めしたいことは、テキストにあなたのスタイルを設定されて次のようにワードプレスのループを使用してコンテンツイムを表示する

あなたが最終的には残りの部分と異なるようにしたい)。

ことを行うのならば、あなたはとの最初の段落を選択することができます

$('#container p:first').addClass('firstparagraph'); 

を...そして異なっ.firstparagraphスタイルをCSSを使用しています。

関連する問題