p 요소의 색상을 .click (함수)로 변경

Question

일부 p 요소의 색상을 클릭 할 때와 해당 상태에 있지만 다른 P를 클릭 할 때 색상을 변경하려고합니다. 이전 p 요소의 색상을 다시 normal로 변경하십시오. 어떻게 할 수 있는지 궁금합니다.

감사

$('.slide span p').click(function() { 
    var p =$(this); 
    p.css('color','#999'); 

      //not working with :not() 
      p:not().css('#color','#ffffff'); 
}); 

Answer 1

테스트되지 않은 :

$('.slide span p').click(function() { 
     var p =$(this); 
     $('.slide span p').css("color", "#ffffff"); 
     p.css('color','#999'); 
}); 

또는 추가하고 더 많은 효과를 활성 P 대상으로 할 수 있도록 CSS 클래스를 제거 할 수 있습니다 물론

$('.slide span p').click(function() { 
     $('.slide span p').removeClass('activePara'); 
     $(this).addClass('activePara'); 
}); 

, 당신은을 어딘가에 activePara를위한 CSS 스타일을 추가하십시오. 두 번째 방법은 표시 규칙이 CSS의 나머지 부분과 함께 유지되기 때문에 더 많은 스타일링 또는 jquery 효과를 추가 할 수 있도록 활성 매개 변수에 대한 클래스가 있습니다.

Answer 2

보십시오 : 당신의 클릭 핸들러에서

$("p").not(this) 

Answer 3

가 먼저 변화가 모든 페이지의 정상에 요소, 그리고 특별한 색으로 클릭 요소를 변경합니다. 여기

Answer 4

당신이 갈 수있는 방법입니다 : 이전 색상 previos을 적용 할 다른 새로운 적용 할 경우

가

1. 루프 모든시
2. 확인을 통해 각 페이지
3. 사용의 현재의 색을 확인하기 위해 다른 경우.

Answer 5

$(function(){ 
    $('.slide span p').click(function() { 
     $("p").css("color","black"); 
     $(this).css("color","red"); 
    }); 
}); 

Answer 6

이 당신이 원하는 것을 달성한다는 ...

$('.slide span p').click(function() { 
    //CHANGE ALL PARAGRAPHS WHO HAVE THIS CLICK EVENT BACK TO THE NORMAL COLOR 
    $(".slide span p").css("color","#FFF"); 

    //APPLY YOUR SPECIAL COLOR HERE TO THIS PARTICULAR P 
    $(this).css("color","#999"); 
}); 

는 총에 ...