Dom jquery onclick事件在td上不起作用_Dom_Jquery

Dom jquery onclick事件在td上不起作用

dom jquery

Dom jquery onclick事件在td上不起作用,dom,jquery,Dom,Jquery,当我用classtoggle点击td时，我试图触发一个事件。当我用classtoggle单击td时，我想用classhidethis显示所有下一个tr 但我似乎无法在td上触发事件。这是我到目前为止得到的 <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"> </script> <script type=

当我用class

toggle

点击

td

时，我试图触发一个事件。当我用class

toggle

单击td时，我想用class

hidethis显示所有下一个tr

但我似乎无法在td
上触发事件。这是我到目前为止得到的
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">  </script>
<script type="text/javascript">
$(document).ready(function () {

$(' td .toggle ').on('click',function(ev){


$(this).closest('tr').nextAll('tr .hidethis').show();


});

});

</script>
</head>
<body>



<table border="1">
<tr >
<td class="toggle">First Toggle</td>
</tr>
<tr class = "hidethis" style="display:none">
<td>Value 1</td>
<td>Value 2 </td>
<td>Value 3</td>
</tr>
<tr >
<td class="toggle">Second Toggle</td>
</tr>
<tr class = "hidethis" style="display:none">
<td>Value 4</td>
<td>Value 5 </td>
<td>Value 6</td>
</tr>
</table>

</body>
</html>


$（文档）.ready（函数（）{
$（'td.toggle'）。打开（'click'，函数（ev）{
$（this.nexist（'tr'）.nextAll（'tr.hidethis'）.show（）；
});
});
第一开关
值1
价值2
价值3
第二开关
价值4
价值5
价值6

问题是当我用classtoggle单击td时，事件没有触发。
请帮帮我。也许我没有看到什么明显的东西。
提前谢谢
 删除选择器之间的空格，：
选择作为给定祖先后代的所有元素
应该是：
$('td.toggle')

删除td和切换之间的空间
$(' td .toggle ').on('click',function(ev){

到
以下代码也存在同样的问题：-
$(this).closest('tr').nextAll('tr .hidethis').show();

到
只需像这样尝试
$(document).ready(function () {
    $('.toggle').on('click',function(ev){
       $(this).closest('tr').nextAll('tr .hidethis').show();
    });
});

或者删除td
与其classname

$('td.toggle').on('click',function(ev){

$（'td.toggle'）删除空格。是的，这似乎解决了问题。谢谢我觉得自己像个白痴
$(document).ready(function () {
    $('.toggle').on('click',function(ev){
       $(this).closest('tr').nextAll('tr .hidethis').show();
    });
});

$('td.toggle').on('click',function(ev){