테스트 사이트 - 개발 중인 베타 버전입니다

jQuery id 값 추출 반영 채택완료

좋은사진 5년 전 조회 3,471

    내용1     내용2     내용3     내용4
    내용1     내용2     내용3     내용4
    내용1     내용2     내용3     내용4

    내용1     내용2     내용3     내용4
$(function () {     $("#forma span").click(function(){         forma.style.borderColor='#fff';         forma.style.background='#fff'     });     $("#formb span").click(function(){         formb.style.borderColor='#fff';         formb.style.background='#fff'     });     $("#formc span").click(function(){         formc.style.borderColor='#fff';         formc.style.background='#fff'     });     $("#formd span").click(function(){         formd.style.borderColor='#fff';         formd.style.background='#fff'     }); });

 

현재 위와 같이 사용하고 있는데, 좀 비 효율적인것 같습니다.

 

    $("#forma span, #formb span, #formc span, #formd span ").click(function(){         forma.style.borderColor='#fff';         forma.style.background='#fff'     });

 

와 같이 하고 클릭한 아이디만 반영되게 하려면 어떻게 해야 하는지요?

아니면 좀 간략하게 코드를 넣고 싶습니다. 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
5년 전

 $("#forma span, #formb span, #formc span, #formd span ").click(function(){         $(this).css({borderClor : "#FFF", background : "#fff"});     });

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

좋은사진
5년 전
와우~ 감사합니다.
알고보면 참 쉬운데, 알기까지가 너무 어렵습니다. ㅠㅠ
빠른 답변 고맙습니다.
^^
야식금지
5년 전
혹시 div 색상을 바꾸고 싶으시면 $(this).parent().css(.....) 로 함해보세요.

댓글을 작성하려면 로그인이 필요합니다.

아 위와 같이 하면 span 의 css 값이 변경되는 군요.

제가 하고 싶은 것은

span을 클릭했을때,

div 의 색상을 변경하고 싶은 것입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

아~ 그런데 위와 같이 해도 안됩니다.

$(this).parent().css(.....) 로 해도 안되고요...

#forma span

을 클릭했을때

#forma 의 라인과 배경색상을 반영하고 싶은데, 아예 반응을 하지 않습니다.

위와 같이 할경우

#forma 의 span부분에 반영되어서 안되는 것 아닌지요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

야식금지
5년 전
코드는 위에 올려주신분께 맞아요. 다만 css 표현법을 좀 찾아서 맞춰주심 될거 같아요.

$("#forma span, #formb span, #formc span, #formd span ").click(function() {
$(this).parent().css({ 'border' : '1px solid white', 'background-color' : 'white' });
});

이게 될려나...

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인