如何在Jquery中循环使用相同的ID？

Question

我已创建2 Div,当我点击Parent Div时,1 Div隐藏并可见.这些Div是在一个php foreach循环中,所以可以有很多Div .

我编写了以下代码,它仅适用于第一个结果,并且不影响其余结果.

请检查并指导我.

谢谢

<script>
    $(document).ready(function (e) {
        $('#course_details').hide();
        if ($('#course_details').hide()) {
            $('#expand').click(function () {
                $('#course_details').show();
            });
        } else {
            $('#expand').click(function () {
                $('#course_details').hide();
            });
        }
    });
</script>

PHP

    foreach ($past_course as $course_records)
    {
        $course_name= $course_records->CourseName;

        $AssignmentMarks= $course_records->AssignmentMarks;
        $QuizMarks=     $course_records->QuizMarks;

       <div id="expand">        
            <h3><?php echo $course_name ?> </h3>    
        </div>

        <div id="course_details" >

            <table border="1">
                <tr>
                    <th>
                        Assignment Marks
                    </th>
                    <td>
                        <?php echo $AssignmentMarks;    ?>
                    </td>
                </tr>


                <tr>
                    <th>
                        Quiz Marks
                    </th>
                    <td>
                        <?php echo $QuizMarks;  ?>
                    </td>
                </tr>

        </div>

<?php               

        } //foreach Loop End!
?>

Answer 1

HTML ID需要是唯一的(每页只有一个).

您应该尝试使用类而不是ID来实现此目的(例如循环输出)

编辑:

你也可以尝试使用html data-id属性,如果你真的想要,它不需要是唯一的.

Answer 2

一个id 必须是唯一的一个文件中.

如果要定义一个元素类,则使用类而不是非唯一标识符来实现.

(您可以通过使用属性选择器来解决这个问题$('[id=course_details]'),但我不建议这样做)