隐藏元素使用jQuery按钮点击

我有四个按钮，我想单击时显示/隐藏元素。隐藏元素使用jQuery按钮点击

<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(); 
    });

来源

2014-03-12 Denise Field

发布完整的HTML和解释一下你想要的东西.. –

有你的HTML几个格式问题，以及与您使用的类名的问题。您需要在type="button"之前添加一个空格，而且以数字开头的类名会导致CSS选择器出现问题 - 它们必须以字母（az），下划线或连字符开头，才能在CSS中使用标准.classname或#classname选择器文件（see here），所以我建议改变0rope到rope0等：

<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。这将使jQuery寻找具有input类的元素，例如class="css3button rope0 input"。为了使它看起来对<input>元素，只要将领先.：

$("input.css3button.rope0").click(function(){

来源

2014-03-12 19:12:41

事实上，但它仍然会造成一些问题在其他地方。我仍然建议坚持遵守旧规则。请参阅：http://benfrain.com/when-and-where-you-can-use-numbers-in-id-and-class-names/ –

措辞已更改。：p –

感谢您的评论，我已经完成了您所建议的任何内容，并且它的工作原理绝对完美，非常感谢您 –

隐藏元素使用jQuery按钮点击

回答

相关问题