jQuery id 값 추출 반영
본문
<div id="forma">
<span>내용1</span>
<span>내용2</span>
<span>내용3</span>
<font>내용4</font>
</div>
<div id="formb">
<span>내용1</span>
<span>내용2</span>
<span>내용3</span>
<font>내용4</font>
</div>
<div id="formc">
<span>내용1</span>
<span>내용2</span>
<span>내용3</span>
<font>내용4</font>
</div>
<div id="formd">
<span>내용1</span>
<span>내용2</span>
<span>내용3</span>
<font>내용4</font>
</div>
$(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
$("#forma span, #formb span, #formc span, #formd span ").click(function(){
$(this).css({borderClor : "#FFF", background : "#fff"});
});
아~ 그런데 위와 같이 해도 안됩니다.
$(this).parent().css(.....) 로 해도 안되고요...
#forma span
을 클릭했을때
#forma 의 라인과 배경색상을 반영하고 싶은데, 아예 반응을 하지 않습니다.
위와 같이 할경우
#forma 의 span부분에 반영되어서 안되는 것 아닌지요?
아 위와 같이 하면 span 의 css 값이 변경되는 군요.
제가 하고 싶은 것은
span을 클릭했을때,
div 의 색상을 변경하고 싶은 것입니다.