切换表的所有行

Toggle all the rows of table

本文关键字：      更新时间：2023-09-26

嗨，我有一个小问题，当我试图切换我的表的行，它只执行1行。我希望所有行都是这样。

<!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>

你的代码是切换只有一行，因为只有一行在你的HTML与ID asd..在你的代码中，你写$('#asd')，意思是the element that has ID = asd

请参考这个URL来构建你的JQuery选择器:https://cdn.tutsplus.com/net/uploads/legacy/154_cheatsheet/jquery12_colorcharge.png请注意，有更多的最新版本，但我发现这对初学者很好

try this Javascript:

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

UPDATE (Thanks Rakhi4110)

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

确认这不是JSFiddle/浏览器特有的…代码示例中增加:not(:first)选择器

相关文章：
  • 没有找到相关文章