요소가 다음 클래스이고 jQuery입니까? 요소의 가시성을 전환하려면이 옵션을 사용하여

Question

임 :

$(".trigger").click(function() { 
    $(this).next().slideToggle(); 
}); 

<p class="triggger">Trigger</p> 
<p class="target">this is the target</p> 

그 작업 재미 있지만 나는 그것이 대상의 클래스가있는 경우, 그렇게 다음 요소는 전환되어 있는지 확인하고 싶다. 다음 밤은 작업 :

$(this).next().hasClass("target").slideToggle(); 

Answer 1

을 시도해보십시오

$(this).next(".target").slideToggle(); 

---

이이 클래스 이름이있는 경우 .slideToggle()은 다음 요소에 발사됩니다

target에만 해당됩니다.

Answer 2

이이 트릭을 할 것이

if($(this).next().hasClass("target")) 
{ 
     $(this).next().slideToggle(); 
} 

Answer 3

Jquery .next(), 지원 선택기 (.next([selector ])).

이 시도 :

$(this).next(".target")

$(".trigger").click(function() { 
    $(this).next(".target").slideToggle(); 
}); 

이 - 트리거 클래스와 각 요소의 바로 다음 형제를 선택합니다. "목표"등급을 가진 사람 만 보관하십시오.

Working Example

Answer 4

함수 hasClass ('대상')를 boolean..So 대신 다음에 기능을 변경 반환합니다.

$(".trigger").click(function() { 
    if($(this).next().hasClass('target')) { $(this).next().slideToggle(); } 
}); 

감사합니다.