javascript - php for 循环未发送到 jquery

Question

当我有一个 for 链接循环并且我希望每个链接通过 jquery 发出警报但只有第一个链接有效时，我遇到了这个问题。可能是什么问题？

        <link rel='stylesheet' href='CSS/nook.css' type='text/css' media='screen, projection' />
        <script type="text/javascript" src="JS/jquery-1.10.2.min.js"></script> 

这是我的脚本

        <script>
        $(document).ready(function() {
            $("#click").click(function(e) 
            {
                e.preventDefault(); 
                alert("hi");
            });
         })
        </script>

这是我的循环

        <?php
         for($i=0;$i<2;$i++){
           echo "<a href = '' id = 'click'>a</a><br>";
         }
         ?>

Answer 1

元素的ID必须唯一，使用class对相似的元素进行分组

    <?php
     for($i=0;$i<2;$i++){
       echo "<a href = '' class='click'>a</a><br>";
     }
     ?>

然后

    <script>
    $(document).ready(function() {
        $(".click").click(function(e) 
        {
            e.preventDefault(); 
            alert("hi");
        });
     })
    </script>

当您使用id-selector时，它将仅返回具有给定 id 的第一个元素，其他元素将被忽略。因此，在您的情况下，点击处理程序将仅注册到具有 id click

的第一个元素