Question

嗨，当我尝试切换表格的行时，我只有一行，我遇到了一个小问题。对于所有行，我想要发生相同的事情。

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        </script>
        <script>
            $(document).ready(function(){
            $("#a").click(function(){
                $('#asd').toggle();
            });
            });
        </script>
    </head>
    <body>
        <table id="a">
        <th><td>qw</td></th>

        <tr><td  id="asd">alok</td></tr>
        <tr><td>verma</td></tr>
        </span>
        </table>
    </body>
</html>

Answer 1

您的代码只切换一行，因为HTML中只有一行ID为asd .. 在您的代码中，您说$('#asd')，这意味着the element that has ID = asd

请参阅此URL以获取构建JQuery选择器的良好参考： https://cdn.tutsplus.com/net/uploads/legacy/154_cheatsheet/jquery12_colorcharge.png 请注意有更多这方面的最新版本，但我觉得这对初学者来说很不错

试试这个Javascript：

 $(document).ready(function(){
        $("#a").click(function(){
            $('#a tr:not(:first)').toggle();
        });
   });

更新（谢谢Rakhi4110）

在这个小提琴中，它显示表中的第一个TH实际上是作为TR进行的。认为这是JSfiddle特定的或浏览器特定的，但将:not(:first)添加到选择器将修复...我将更新测试本地后不久.. http://jsfiddle.net/jFIT/5h9rE/1/

<强>更新确认这不是JSFiddle / Browser特有的..将:not(:first)选择器添加到代码示例中。

切换表的所有行

1 个答案: