2011-09-12 3 views
2

http://jsfiddle.net/3BqtV/ 자바 스크립트 :/jQuery를

$(document).ready(function(){    
     $("#first").click(function(){ 
      $("#secondHolder p").addClass('red'); 
      }); 
     $(".red").click(function(){ 
      $(this).css("color","red"); 
      }); 
}) 

HTML : 하나의 요소를 클릭했을 때, 나는 다른 클래스를 추가 할 기본적으로

<p id= "first">Click me first to give Second the class "red"</p> 
    <div id= "secondHolder"><p>Click on first, then click on me, and I should be red.</p>  </div> 

, 요소. 그런 다음 새 클래스의 클릭 기능에 대한 메소드를 호출하고 색상을 빨간색으로 변경합니다. 미안 기본 질문이라면, 나는 자바 스크립트에 다소 익숙하다. 도와 주셔서 감사합니다!

답변

1

.click을 사용하는 대신 .live('click'을 사용하십시오. 이제 해당 선택기와 일치하거나 이후의 모든 요소와 일치합니다.

http://jsfiddle.net/3BqtV/1/

$(document).ready(function(){    
     $("#first").click(function(){ 
      $("#secondHolder p").addClass('red'); 
      }); 
     $(".red").live('click', function(){ 
      $(this).css("color","red"); 
      }); 
})