공개/비공개 전환을 위해 jQuery each() 또는 (this)

Question

.wwd-extra-content-trigger 및 .wwd-extra-content의 인스턴스가 각각 .wwd-content-each div 내에 있습니다.

일부 코드를 작성하려고하는데 트리거를 클릭하면 wwd-content-in-each의 추가 콘텐츠 만 확장됩니다. 현재 현재 코드로이 작업을 수행하는 경우 추가 콘텐츠를 클릭하지 않고 자체 콘텐츠로 확장합니다. 나는 각각 (this) 또는 each()를 사용할 필요가 있지만 어디에서 확신이 있는지 알 수있다. 사전에

$('.wwd-content-container .wwd-content-each .wwd-extra-content-trigger').click(function(e) { 
    jQuery('span', this).text($('span', this).text() == 'navigateup' ? 'navigatedown' : 'navigateup'); 
    jQuery('.wwd-extra-content').fadeToggle(); 
}); 

감사합니다, R 트릭을 할해야

Answer 1

변경이이에

jQuery('.wwd-extra-content').fadeToggle(); 

: 당신은 또한 관련 HTML의 비트를 보여 주면

jQuery(this).closest('.wwd-content-each').find('.wwd-extra-content').fadeToggle(); 

그것은 대부분의 아마 최적화 할 수 있습니다.

Answer 2

$(this).parent().find('.wwd-extra-content').fadeToggle() 

. 또는 closest을 사용할 수도 있습니다.

Answer 3

정확한 HTML 레이아웃에 따라 사용할 수 있습니다 중 하나를이 :

$('.wwd-extra-content-trigger').click(function(e) { 
    $(this).siblings('.wwd-extra-content').fadeToggle(); 
}); 

나이 :

$('.wwd-extra-content-trigger').click(function(e) { 
    $(this).closest('.wwd-content-each').find('.wwd-extra-content').fadeToggle(); 
}); 

첫 번째 버전은 콘텐츠 트리거와 내용이 동일의 아이들 있다고 가정 HTML 요소. 두 번째 버전에서는 공통된 .wwd-content-each 조상을 공유한다고 가정합니다.