Question

您好我在下面的代码中隐藏并通过单击按钮显示表格单元格。但问题是我只希望import turtle import time #Define the 'playgif' operator which will be used to run the code later on def playgif(frame): screen = turtle.Screen() screen.setup(700,700) screen.bgpic(frame) screen.exitonclick turtle.bgcolor('#33EDAE') #load the images and assign them each a variable frame1 = "Frame01.jpg" frame2 = "Frame02.jpg" frame3 = "Frame03.jpg" frame4 = "Frame04.jpg" frame5 = "Frame05.jpg" frame6 = "Frame06.jpg" frame7 = "Frame07.jpg" frame8 = "Frame08.jpg" frame9 = "Frame09.jpg" frame10 = "Frame10.jpg" frame11 = "Frame11.jpg" frame12 = "Frame12.jpg" #run the code by calling each frame and delaying each frames exposure again = 1 while again == 1: playgif(frame1) time.sleep(0.08) playgif(frame2) time.sleep(0.08) playgif(frame3) time.sleep(0.08) playgif(frame4) time.sleep(0.08) playgif(frame5) time.sleep(0.08) playgif(frame6) time.sleep(0.08) playgif(frame7) time.sleep(0.08) playgif(frame8) time.sleep(0.08) playgif(frame9) time.sleep(0.08) playgif(frame10) time.sleep(0.08) playgif(frame11) time.sleep(0.08) playgif(frame12) time.sleep(0.08) mainloop()能够使用该功能，而不是两者，是否有人对如何做到这一点有任何建议？我试图更改按钮类ID，但它仍然无法正常工作。任何建议将不胜感激！

button1

Answer 1

只需将一些类/ id添加到button1并将click事件绑定到该选择器。

$('table').find('tr:gt(2)').hide();
$(".button1").on("click", function() {
  $('table').find('tr:gt(2)').toggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Maniac</td></tr>
    <tr><td>Hello</td></tr>   
</table>


<button class="button1">button1</button>
<button>button2</button>

Answer 2

您可以使用按钮执行以下操作：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>

</head>

<body>

    <table>
        <tr>
            <td>Hello</td>
        </tr>
        <tr>
            <td>Hello</td>
        </tr>
        <tr>
            <td>Hello</td>
        </tr>
        <tr>
            <td>Hello</td>
        </tr>
        <tr>
            <td>Maniac</td>
        </tr>
        <tr>
            <td>Hello</td>
        </tr>
    </table>


    <button class="button1">button1</button>
    <button class="button2">button2</button>

    <script>
        $('table').find('tr:gt(2)').hide();
        $(".button1").on("click", function () {
            $('table').find('tr:gt(2)').toggle();
        });
    </script>
</body>

</html>

Answer 3

我认为这很简单。将id添加到要对其执行操作的按钮，然后使用该id在其上执行click事件。以下是示例：在html中的按钮标记中添加id =“button1”。

<button id="button1">button1</button>
<button>button2</button>

然后你的脚本应该是：

$('table').find('tr:gt(2)').hide();
$("#button1").on("click", function() {
  $('table').find('tr:gt(2)').toggle();
});

使用此功能，您只能在按钮1上执行操作，而不能同时执行两者操作。

您也可以使用该类而不是id。这是怎么回事：

<button class="button1">button1</button>
<button>button2</button>

然后你的脚本应该是：

$('table').find('tr:gt(2)').hide();
$(".button1").on("click", function() {
  $('table').find('tr:gt(2)').toggle();
});

结论：在html标记中添加Class或id，使其成为唯一的执行不同的功能。

这样做，你走了。快乐的编码！

HTML更改按钮功能

3 个答案: