0

我正在使用 twitter bootstrap 主题在 wordpress 中工作。我刚刚制作了一个模板,它从图像、名称、名称等转发器字段中获取值,我在 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,我想在那之后添加一个 line 或 hr 标签。请帮帮我。

4

3 回答 3

1

试试这个 jQuery 代码...

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

对于每第四个元素尝试...

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

之后添加这个</li>

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

注意:你可以放任何你想要的课程<li>

于 2013-09-11T11:28:18.887 回答
0

非常简单:只需检查 的值i

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

请注意,您选中“3”而不是“4”,因为“ i”从 0 开始

于 2013-09-11T11:07:51.710 回答