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"});
});
와우~ 감사합니다.
알고보면 참 쉬운데, 알기까지가 너무 어렵습니다. ㅠㅠ
빠른 답변 고맙습니다.
^^
혹시 div 색상을 바꾸고 싶으시면 $(this).parent().css(.....) 로 함해보세요.
아~ 그런데 위와 같이 해도 안됩니다.
$(this).parent().css(.....) 로 해도 안되고요...
#forma span
을 클릭했을때
#forma 의 라인과 배경색상을 반영하고 싶은데, 아예 반응을 하지 않습니다.
위와 같이 할경우
#forma 의 span부분에 반영되어서 안되는 것 아닌지요?
코드는 위에 올려주신분께 맞아요. 다만 css 표현법을 좀 찾아서 맞춰주심 될거 같아요.
$("#forma span, #formb span, #formc span, #formd span ").click(function() {
$(this).parent().css({ 'border' : '1px solid white', 'background-color' : 'white' });
});
이게 될려나...
아 위와 같이 하면 span 의 css 값이 변경되는 군요.
제가 하고 싶은 것은
span을 클릭했을때,
div 의 색상을 변경하고 싶은 것입니다.