php - jQuery 在 mysql 获取数组的数组上切换()

Question

我用 php 获取了一个数组并对其进行了分类。参见代码:

<table><?php 
    $cat_set = get_all_cats();
    while($category = mysql_fetch_array($cat_set)){

        if($category["category"] != "no-cat"){
            echo "<tr colspam=\"2\"><td></td><td id=\"cats\">".$category["category"]."<td><img id=\"blink\" src=\"drop.png\"></td></td></tr>";
            $course_set = get_courses_for_cats($category["cat_id"]);
                while ($course = mysql_fetch_array($course_set)) {
                echo"<tr class=\"cont\"><td><input value = ". $course["course_code"] ." name=\"boxes[]\" type=\"checkbox\"></td><td class=\"code\">" . $course["course_code"] . "</td></tr></input>";

                }

        }
        else {
            $course_set = get_courses_for_cats($category["cat_id"]);
                while ($course = mysql_fetch_array($course_set)) {
                echo"<tr class=\"cont\"><td><input value = ". $course["course_code"] ." name=\"boxes[]\" type=\"checkbox\"></td><td class=\"code\">" . $course["course_code"] . "</td></tr></input>";

            }
        } 
    }
        ?>
        </table>

所以每门类(class)都有一个类别。现在我想做的是使用 jquery 隐藏类(class)，除非单击其类别，这就是我所实现的

<script>
    $(document).ready(function(){
        $(".cont").hide();
        $("#cats").click(function(){
            $(".cont").toggle();
        });
    })

    </script>

但是当我单击类别时，它会隐藏所有类(class)，甚至是那些不属于其自身的类(class)。我知道如果类别有不同的 id 会更好，但因为它是一个数组，一个 id 可以为所有类别提供服务。请知道如何解决这个问题。谢谢

Answer 1

使用事件委托(delegate)，使用 php 动态添加 dom 元素

$(document).ready(function(){
        $(".cont").hide();
        $(document).on("click" , "#cats" , function(){
            $(".cont").toggle();
        });
    })