javascript - 如何在 <td></td> 的每四个循环项之后添加 <tr></tr>

Question

我想在循环中的每第四个数字项之后跳出循环。

我想创建一个包含 20 个人的列表；每个 tr 应该是 4 个人。

所以，我想在每 4^th 次循环后中断循环。我的一个 tr 将包含 4 个 td 并且每个 td 值都像第一个 td 一样相对于循环递增将 1 秒将是 2，最后将是 4，然后它应该用新的 tr 中断并且值在 td 中，就像我所说的递增顺序。

我的代码如下:

 <?php  for ($i = 0 ; $i<=20; $i++){?>
     <tr>

         <td>
             <img src="http://bootdey.com/img/Content/user_1.jpg" alt="">
             <a href="<?php echo $i ; // shoud to be 1 ?>" class="user-link">Full name 1</a>
             <span class="user-subhead">Member</span>
         </td>
          <td>
             <img src="http://bootdey.com/img/Content/user_1.jpg" alt="">
             <a href="<?php echo $i ; // shoud to be 2 ?>" class="user-link">Full name 1</a>
             <span class="user-subhead">Member</span>
         </td>

         <td>
             <img src="http://bootdey.com/img/Content/user_1.jpg" alt="">
             <a href="<?php echo $i ; // shoud to be 3 ?>" class="user-link">Full name 1</a>
             <span class="user-subhead">Member</span>
         </td>

         <td>
             <img src="http://bootdey.com/img/Content/user_1.jpg" alt="">
             <a href="<?php echo $i ; // shoud to be 4 ?>" class="user-link">Full name 1</a>
             <span class="user-subhead">Member</span>
         </td>

      </tr>

 <?php 
if($i%4==0){    echo "<tr></tr>";}


} ?>

Answer 1

只是想伸出我的脖子并展示另一种方法。 通常你有一组用户。 这将创建一个包含 4 列的表格，如果您有 22 个用户，则在此示例中将仅显示 20 个，因为它限制了输出以填满每一行。

$td = array();
$userlist = array( 'Bob', 'John', 'Robert', 'Eric', 'Lydia', 'Fanny', 'Alex', 'Leopold', 'Tom', 'Mark', 'Bob2', 'John2', 'Robert2', 'Eric2', 'Lydia2', 'Fanny2', 'Alex2', 'Leopold2', 'Tom2', 'Mark2' );

foreach( $userlist as $i => $user ) {

    if ( $i != 0 && $i%4 == 0 ) {
      $td[] = '<td> ' . implode( '</td><td>', $tdata ) . '</td>';
      $tdata = array();
    }

    $tdata[] = '<img src="http://bootdey.com/img/Content/user_1.jpg" alt="">
                <a href="' . $i . '" class="user-link">Full name ' . $user . '</a>
                <span class="user-subhead">Member</span>'; 

}

echo '<table><tr>' . implode( '</tr><tr>', $td ) . '</tr></table>';