2010-01-18 3 views
0

나는 다음과 같은 코드가 있습니다ID를주지 않고 DIV 색상을 변경 하시겠습니까?

<div id="wrapper"> 
    <div style="width:500px;background-color:yellow;"> // this is a parent div 
    <div style="width:260px;"> 
     <a href="javascript:XXXXX">Click me to color only the FIRST yellow div</a> 
    </div> 
    </div> 

    <div style="width:500px;background-color:yellow;"> // this is a parent div 
    <div style="width:260px;"> 
     <a href="javascript:XXXXX">Click me to color only the SECOND yellow div</a> 
    </div> 
    </div> 
</div> 

내가 jQuery를이 ID 나 이름을 부여하지 않고 부모 DIV의 색상을 변경하는 데 사용할 수 있습니까?

감사

+1

, 당신은 중복 스타일을 대체 할 CSS 클래스를 만들 수 있습니다 (예 :'폭 : 500 픽셀, 배경 색 : yellow;') –

답변

7
$("a").click(function(e){ 
    e.preventDefault(); 
    $(this).parent().parent().css("color", "green"); 
}); 
+0

감사합니다. 작동하지만 div에 클래스를 추가 할 수 있습니까? 그럴 수 없다면 어떻게이 CSS를 추가 할 수 있습니다 : 필터 : 알파 (불투명도 = 40)? Thanks – Ryan

+0

@unknown :'.css ("color", "green")'를'.addClass ("foo")'로 대체하여'foo' 클래스를 추가하십시오. '.css (...)'를'.fadeTo ("slow",. 4)'로 바꾸면 이것을 퇴색시킬 수 있습니다. – Sampson

+0

고마워 soo much jonathan – Ryan

4

이 시도 :

$('a').click(function() { 
    $(this).parent().parent().css('backgroundColor', 'yellow'); 
    return false; 
}); 
별도의 노트에
+0

감사합니다. nick : – Ryan

관련 문제