코드 질문좀 하려구요,,,

코드 질문좀 하려구요,,,

QA

코드 질문좀 하려구요,,,

본문


/// 1번 
$(".section_tab li a img").click(function(){
if (!$(this).hasClass("active")){
$(this).attr("src", $(this).attr("src").replace("off","on"));
} else {
$(this).attr("src", $(this).attr("src").replace("on", "off"));
}
});
 
///2번 
$(".section_tab li a img").click(function(){
if (!$(this).hasClass("active")){
$(".section_tab li a img").attr("src", $(this).attr("src").replace("on", "off"));
$(this).attr("src", $(this).attr("src").replace("off","on"));
} else {
$(this).attr("src", $(this).attr("src").replace("on", "off"));
}
});
 

 

이코드를 사용하였습니다.

 

클릭했을때 이미지 이름이 off 일땐 on으로 on일땐 off로 바뀌는것으로요,,

 

1번 코드를 사용하니까 off였던 이미지가 on은 되는데 이전 그림이 다시 돌아가지않아요..

 

그래서 2번 코드를 보시면 this가 아닌 이미지 자체를 바꾸려고 했거든요,,

근데 모든 이미지가 바뀌어버려요,,

 

제말이 조금 어렵나요?

 

제가 하고싶은건,

 

이미지 속성에 접근해서 클릭한 이미지만 on으로 나머지는 off로 바뀌고 싶어요

addclass / removeclass 같은거로요,,

 

어떻게 하는게 좋을까요?

 

이 질문에 댓글 쓰기 :

답변 2

html 어떻게 생겼는지 보여 주세요.

php 코드 들어간 html 코드 말고 브라우저에서 소스 보기로 본 코드요.

실제 페이지 주소가 제일 좋겠지만요. 


<ul class="section_sub_tab after">
<li class="active2"><img src="img/sub/btn0_off.jpg" /></li>
<li><img src="img/sub/btn1_0_off.jpg"  /></li>
<li><img src="img/sub/btn2_off.jpg"  /></li>
<li><img src="img/sub/btn3_off.jpg" /></li>
</ul>


이렇게 생겼습니다.
클릭한 이미지만 on으로 바뀌었으면 좋겠습니다..


$(function() {
	$(".section_sub_tab li img").on("click", function() {
		$(".section_sub_tab li img").each(function() {
			$(this).attr("src", $(this).attr("src").replace("on", "off"));
		});
		$(this).attr("src", $(this).attr("src").replace("off", "on"));
	});
});

이렇게 하시면 되지 않을까 싶네요.
근데 class="active2"는 어떤 경우에 들어가는 건가요?

계란님 ㅜㅜㅜㅜ 감사합니다. 2일동안 고민했던게 바로 해결되네요..
원래는 텍스트로 작성되었었거든요 이미지 부분이....
그래서 addclass사용하느라 active2가 있었습니다..
each가 하는역할이 정확이 뭔가요? ㅠㅠㅠㅠㅠㅠㅠ

$(".section_tab li a img").attr("src", $(this).attr("src").replace("on", "off")); 

지금 현재 선택자로 $(".section_tab li a img") 를 잡으시는데

li a lmg 태그가 여러개 있는것 아닌가요?

몇번째의 img태그의 이미지를 바꿀지 넣어주면 될것같은데

 

답변을 작성하시기 전에 로그인 해주세요.
전체 15
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT