我用 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/