[英]Displaying four li's per ul's not returning result as required
我想動態顯示<ul>
和<li>
<ul>
<li></li>
</li></li>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
</li></li>
<li></li>
<li></li>
</ul>
即,每個<ul>
具有4個<li>
。
我想動態顯示這些。 我嘗試使用以下代碼:
$i=0;
foreach($query->result() as $inboxresult)
{
if($inboxquery->num_rows()>0)
{
if($i%4==0)
{
echo '<ul class="msgdisplayul item">';
}
$parentid=$inboxresult->id;
echo '<li class="msgdisplayli">
<div class="msgfullarea">
<div class="displyusrimge">
<input type="hidden" id="status'.$inboxresult->id.'">
<a href="">';
echo '<img src="'.base_url().'images/friend_avatar_default.jpg" alt="Default User Avatar" />';
echo '</a>
</div>
</div>
<div class="clear"></div>
</li>';
if($i%4==0 && $i!=0)
{
echo '</ul>';
}
}
$i++;
}
返回結果如下所示:
<ul class="msgdisplayul item">
<li class="msgdisplayli">
<div class="msgfullarea">
<div class="displyusrimge">
<input type="hidden" id="status10">
<a href=""><img src="http://localhost:8080/workspace/project/images/friend_avatar_default.jpg" alt=" Default User Avatar"></a>
</div>
</div>
<div class="clear"></div>
</li>
<li class="msgdisplayli">
<div class="msgfullarea">
<div class="displyusrimge">
<input type="hidden" id="status7">
<a href=""><img src="http://localhost:8080/workspace/project/images/friend_avatar_default.jpg" alt=" Default User Avatar"></a>
</div>
</div>
<div class="clear"></div>
</li>
<ul class="msgdisplayul item"><li class="msgdisplayli">
<div class="msgfullarea">
<div class="displyusrimge">
<input type="hidden" id="status1">
<a href=""><img src="http://localhost:8080/workspace/project/images/friend_avatar_default.jpg" alt="Default User Avatar"></a>
</div>
</div>
<div class="clear"></div>
</li>
</ul>
</ul>
有人可以幫我解決這個問題嗎? 提前致謝。
在不應該增加$ i的情況下...當不打印li元素時,不應增加$ i的內容:
$i = 0;
foreach ($query->result() as $inboxresult)
{
if ($inboxquery->num_rows()>0)
{
if ($i % 4 == 0)
{
echo '<ul class="msgdisplayul item">';
}
$parentid = $inboxresult->id;
echo '<li class="msgdisplayli">
<div class="msgfullarea">
<div class="displyusrimge">
<input type="hidden" id="status'.$inboxresult->id.'">
<a href="">';
echo '<img src="'.base_url().'images/friend_avatar_default.jpg" alt="Default User Avatar" />';
echo '</a>
</div>
</div>
<div class="clear"></div>
</li>';
// if you increment $i here, you don't need to worry if $i = 0 to close the ul
$i++;
if ($i % 4 == 0)
{
echo '</ul>';
}
}
}
哦,將邏輯與HTML輸出混合在一起,這是一個很糟糕的主意;-)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.