0

私はtwitterのブートストラップテーマを使用してワードプレスで作業しています。画像、名前、指定などのリピーター フィールドから値を取得するテンプレートを作成しました。これらの値をテンプレートで ul と li で呼び出します。4 li の後に hr タグまたは行が必要です。どうすれば達成できますかそれ。

リピーターフィールドからテンプレートにデータを取得するためのコードは次のとおりです。

<ul class="thumbnails">
<?php $gcount=get_post_meta($post->ID, 'europe_speaker', true);
            for($i=0;$i<$gcount;$i++){ 
            $photo=get_post_meta($post->ID, "europe_speaker_".$i."_photo", true);
            $name=get_post_meta($post->ID, "europe_speaker_".$i."_name", true);
            $designation=get_post_meta($post->ID, "europe_speaker_".$i."_designation", true);
            $company=get_post_meta($post->ID, "europe_speaker_".$i."_company", true);
            $line=get_post_meta($post->ID, "europe_speaker_".$i."_line", true);
            $category=get_post_meta($post->ID, "europe_speaker_".$i."_category", true);
            $download=get_post_meta($post->ID, "europe_speaker_".$i."_download", true);
            $download_link=get_post_meta($post->ID, "europe_speaker_".$i."_download_link", true);

            ?>

<li class="span2">
<div class="speakers_img-height">
<img src="<?php echo $photo?>" class="img-polaroid" style="margin-bottom:5px;"/><br/><span style="color:#686868;"><strong><?php echo $name?></strong><br/><?php echo $designation?><br/><?php echo $company; ?><br/><a href="<?php echo $download_link; ?>"><?php echo $download; ?></a></span>
</div>
</li>
<?php }?>
</ul>

li span2 クラスを与えた後、4 つの li が連続して与えられ、その後に行または hr タグを追加したいと思います。助けてください。

4

3 に答える 3

1

このjQueryコードを試してください...

jQuery("ul li:nth-child(4)").append("<hr class='whatever' />");

4要素ごとに...

jQuery("ul li:nth-child(4n+0)").append("<hr class='whatever' />");
于 2013-09-11T11:07:14.030 に答える
0

非常に簡単です: の値を確認するだけですi:

for($i=0;$i<$gcount;$i++){ 
   if (i == 3){ echo "<hr />"; }
...

i「 」は 0 から始まるため、「4」ではなく「3」をチェックすることに注意してください。

于 2013-09-11T11:07:51.710 に答える
0

これを後に追加</li>

if($i==NUMBER_YOU_WANT)
{
   echo"<li><hr></li>";
}

注：必要なクラスをどこにでも置くことができます<li>

于 2013-09-11T11:28:18.887 に答える