Question

我将生成一个HTML表，其数据来自MySQL。我的MySQL表中的行数不固定。

<?php
  while($row=mysql_fetch_assoc($result))
  { ?>
    <tr>
      <td><?php echo $row['col1'];?></td>
      <td><?php echo $row['col2'];?></td>
    </tr>
  <?php } ?>

现在我如何将table rows和table data元素分配为唯一id ??

生成它们的另一个循环将无法工作，因为我无法为新循环设置退出条件，因为行数不固定。

请指导我如何前进。我只能使用Javascript而不是JQUERY。

Answer 1

为什么你不能做这样的事情？

<?php
  $i = 1;
  while($row=mysql_fetch_assoc($result))
  { ?>
    <tr id="row<?php echo $i;?>">
      <td id="cell-left-<?php echo $i;?>"><?php echo $row['col1'];?></td>
      <td id="cell-right-<?php echo $i;?>"><?php echo $row['col2'];?></td>
    </tr>
  <?php
     $i++;
   } ?>

请注意，我自己添加了ids row，cell-left-和cell-right-。您可以根据自己的要求进行更改。

Answer 2

在遍历行时可以使用计数器，可能是这样的：

<?php
    $rowCount = 0;

    while($row=mysql_fetch_assoc($result))
    {
        $rowCount++;
        ?>
        <tr id="<?php echo 'row' . $rowCount;?>">
            <td><?php echo $row['col1'];?></td>
            <td><?php echo $row['col2'];?></td>
        </tr>
        <?php
    }

＆GT;

您现在可以使用

选择元素

var rowID = 1;
document.getElementById("row" + rowID);

希望这有帮助。

动态表的唯一ID

2 个答案: