jquery 버튼을 사용하여 요소 숨기기

4 개의 버튼이 있으며 클릭시 요소를 표시/숨기려고합니다.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과 몇 가지 서식 문제뿐만 아니라 문제가 있습니다 도움이 될 수 있습니다,이 코드를 시도했지만 작동하지 않는 그 . type="button" 앞에 공백을 추가해야하며 숫자로 시작하는 클래스 이름도 CSS 선택자에 문제를 일으 킵니다. CSS에서 표준 .classname 또는 #classname 선택자를 사용하려면 문자 (az), 밑줄 또는 하이픈으로 시작해야합니다 파일 (see here), 그래서 등 rope0하는 0rope을 변경 권하고 싶습니다 : 당신의 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" />

,합니다 ($('') 호출 내부의 코드), 당신은 선택의 시작 부분에 .input 있습니다. 그러면 jQuery가 과 같이 input 클래스가있는 요소를 찾습니다.

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

출처

2014-03-12 19:12:41

을 전체 HTML을 게시하고 당신이 원하는에 대한 자세한 설명,하지만 여전히 다른 곳에서 문제가 발생 : 그것은 <input> 요소를 보이게하려면 단순히 . 선두 제거. 나는 여전히 옛 규칙을 고수 할 것을 권한다. 참조 : http://benfrain.com/when-and-where-you-can-use-numbers-in-id-and-class-names/ –

문구가 변경되었습니다. : p –

귀하의 의견에 감사드립니다, 나는 당신이 제안한 모든 것을 다했고 그것은 절대적으로 완벽하게 작동합니다, 정말 고마워요. –

jquery 버튼을 사용하여 요소 숨기기

답변

관련 문제