javascript - 使用 javascript 和 while 循环隐藏/显示 div

Question

我现在已经尝试了几个小时，但出于某种原因，我找不到解决问题的方法。问题是，当我点击一个链接时，我需要像 div 这样的东西出现。到目前为止，这是有效的。

但主要问题是，我需要它在 while 循环中工作。所以我可以将数据动态地获取到网格中，但是所有 php 创建的链接都具有相同的 id，并且所有“to-show-divs”同时显示。所以我的问题是如何创建动态 ID 或类以及如何让它们在 javascript 中工作？

echo "<div class='grid grid-pad'>";
$db=mysql_query("SELECT * FROM work") or die (mysql_error());
while($var=mysql_fetch_array($db))
{         
    echo "<div class='col-1-3'>
              <div class='content'>
                  <div id='thumb' ><img alt='$var[id]' src='$var[thumb]'/></div>
                  <div class='menu' style='display: none;'>$var[link]</div>
              </div>
          </div>";
}

echo "</div>";

<script>
    $(document).ready(function() {
        $('#thumb').click(function() {
            $('.menu').slideToggle("fast");
        });
    });
</script>

Answer 1

您可以按照评论的建议进行操作，或者只创建一个迭代器变量并将其连接到 id，如下所示:

$index = 0; 
while($var=mysql_fetch_array($db))
{         
    echo     "<div class='col-1-3' id='item_". $index ."'>
                <div class='content'>
                  <div id='thumb_". $index++ ."' >STUFF</div>
                   <div class='menu' style='display: none;'>$var[link]</div>
                 </div>
             </div>";
}