Question

我有四个按钮，我想在点击时显示/隐藏元素。

 <input name="0rope" class= "css3button 0rope"type="button" value="0"  />
 <input name="1rope" class= "css3button 1rope"type="button" value="1"  />
 <input name="2rope" class= "css3button 2rope"type="button" value="2"  />
 <input name="3rope" class= "css3button 3rope"type="button" value="3"  />

我尝试了这段代码，但是它没有用，你可以帮忙吗

 $(".input.css3button.0rope").click(function(){
    $("#img3,#img4,#img5,.4,.5,.6,.4b,.5b,.6b").hide();
  });
   $(".input.css3button.1rope").click(function(){
    $("#img3,#img4,.4,.5,.4b,.5b").hide();
    $("#img5,.6,.6b").show();
  });
     $(".input.css3button.2rope").click(function(){
    $("#img3,.4,.4b").hide();
    $("#img4,#img5,.5,.5b,.6,.6b").show();
      });
      $(".input.css3button.3rope").click(function(){
    $("#img3,#img4,#img5,.4,.5,.6,.4b,.5b,.6b").show();
  });

Answer 1

您的HTML存在一些格式问题，以及您正在使用的类名称的问题。您需要在type="button"之前添加一个空格，并且以数字开头的类名会导致CSS选择器出现问题 - 它们必须以字母（az），下划线或连字符开头才能使用标准{{1您的CSS文件（see here）中的}或.classname选择器，因此我建议将0rope更改为rope0等：

#classname

此外，在您的jQuery选择器（<input name="rope0" class="css3button rope0" type="button" value="0" /> <input name="rope1" class="css3button rope1" type="button" value="1" /> <input name="rope2" class="css3button rope2" type="button" value="2" /> <input name="rope3" class="css3button rope3" type="button" value="3" />调用中的代码）中，您在选择器的开头有$('')。这将使jQuery查找具有.input类的元素，例如input。要查找class="css3button rope0 input"元素，只需删除前导<input>：

即可

使用jquery按钮单击隐藏元素

1 个答案: