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

标签 php jquery mysql

我用 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 可以为所有类别提供服务。请知道如何解决这个问题。谢谢

最佳答案

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

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

关于php - jQuery 在 mysql 获取数组的数组上切换(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22910208/

相关文章:

php - 使用mysql从多个表中选择

PHP 和 MySQL - 当用户删除他们的帐户时我如何标记我的数据库,如果用户没有登录两周后真正删除帐户

javascript - Bootstrap : google map modal isn't working property when outside div class ="container-fluid" is set "height: auto"

mysql - 使用自定义参数组恢复快照

php - 将带连接的 Mysql select 语句转换为多维数组

javascript - <END-OF-MESSAGE> 之后调用 js 中的一个函数

phpunit在phpstorm中运行问题,无法创建phar

javascript - 自动完成中的变音符号

jquery - 谷歌地图 v3 的 setinterval 或 settimeout

MySql:将一列附加到另一列