Question

    
             
                      .listItem {
                       color: rgb(200, 150, 130);
                    }
          
    
    
    
           $(document).ready(function() {
             $("#list li").addClass("listItem");
                  });
              var turn = true;
    function toggle() {
    if (turn) {

$("#list li").removeClass("listItem");
$("#list > li").addClass("listItem");
turn = false;
} else {
$("#list li").addClass("listItem");
turn = true;
}
}
}
</script>
</head>
<body>
<ul id="list" type="none">
<li>Item 1</li>
<ul type="none">
<li>Item11</li>
</ul>
<li>Item 2</li>
<ul type="none">
<li>Item21</li>
</ul>
<li>Item 3</li>
<ul type="none">
<li>Item31</li>
</ul>
<li>Item 4</li>
<ul type="none">
<li>Item41</li>
</ul>
</ul>
<input type="button" value="Change">
</body>

Answer 1

首先给你的按钮一个Id，在这种情况下我们假设它是'#button'。然后转到你的jQuery代码并添加

$( "#button" ).click(function() {
toggle();
});

希望这有帮助！

当我点击按钮时如何修复我的代码和运行功能？

1 个答案: