为循环中的每个表行赋予Unique Class

时间:2017-07-11 09:58:35

标签: php html mysql loops html-table

我有一个PHP for循环;它查看数据库中的数字并将表行输出到次数。

这是我的HTML:

<?php
for($x=0; $x < 5; $x++){
$row_count =1;

  ?>
<table class="table table-bordered" id="ticktable">
<tr class=" <?php echo $row_count;  ?>">
<?php

for($w=0; $w < 5; $w++){

  ?>
<td>
     <img class="yellow-sign" src="http://www.backgroundsy.com/file/large/yellow-sign.jpg" width="100">
</td>
<?php

    }  
    ?>
    </tr>
  </table>
<?php
$row_count ++;
    }  
    ?>

上面的代码显示了这个:

image

如何为每一行分配唯一的类?

标记图片

enter image description here

3 个答案:

答案 0 :(得分:0)

示例:

<?php foreach($data as $row) { ?>

    <tr id="data<?php echo $row['id']; ?>">   </tr>

<?php } ?>

我希望它会对你有所帮助。

答案 1 :(得分:0)

如果您尝试将唯一课程设为tr,请执行此操作

for ($x = 0; $x < 5; $x++) {
$row_count = 1;
$randClass = rand(1111,9999).$row_count;
?>
<table class="table table-bordered" id="ticktable">
    <tr class="<?php echo $randClass; ?>">
        <?php

        for ($w = 0; $w < 5; $w++) {

            ?>
            <td>
                <img class="yellow-sign <?php echo $randClass; ?>" src="http://www.backgroundsy.com/file/large/yellow-sign.jpg" width="100">
            </td>
            <?php

        }
        ?>
    </tr>
</table>
<?php
$row_count++;
}

rand(1111,9999)会在11119999之间生成随机数
修改

我还添加了$row_count,这样即使数据量很大,也不能重复这个数字。我所做的是:<tr class="<?php echo rand(1111,9999).$row_count; ?>">

更新
首先将随机字符串存储在变量$randClass = rand(1111,9999).$row_count;
然后回显你想要变量的地方:
$randClass = rand(1111,9999).$row_count;
<img class="yellow-sign <?php echo $randClass; ?>" >

答案 2 :(得分:0)

以下是为您更新的代码。检查一下

 <?php
    $color_class[] = array("yellow-sign","red-sign","green-sign","blue-sign","black-sign");
    $row_count = 0;
    for($x=0; $x < 5; $x++){


 ?>

    <table class="table table-bordered" id="ticktable">
    <tr class=" <?php echo $row_count;  ?>">
 <?php

    for($w=0; $w < 5; $w++){

  ?>
    <td>
         <img class="<?php echo $color_class[$row_count];  ?>"
          src="http://www.backgroundsy.com/file/large/yellow-sign.jpg" width="100">
    </td>
 <?php

        }  
  ?>
        </tr>
      </table>
 <?php
    $row_count ++;
        }  
 ?>