jQuery를 사용하여 상위 div를 타겟팅하는 경우

Question

여기 내 상황이 있습니다. 나는 워드 프레스 사이트를 가지고 있고, 각 엔트리는 포스트 div 내에 링크를 가지고있다.

<div class="post" id="post-133"> 
<h2><a href="post-link" rel="bookmark" title="Link to Post">Post</a></h2> 
<div class="post-date"> 
<span class="date">Tuesday, Jan. 26, 2010</span><span class="right read"><a href="#" class="noprint show_single" id="133">Read More</a></span> 
</div> 

나는 각 게시물의 특정 금액을 표시하기 위해 CSS에 적용되는 높이가 있습니다. 상위 요소를 대상으로 jQuery에 클래스를 추가하여 전체 게시물을 표시하려면 어떻게합니까? 여기까지 내가 지금까지 가지고있는 것이있다. 나는 올바른 길을 가고 있는가?

var $j = jQuery.noConflict(); 
var curr = (event.target).parent('div'); 
$j(function() { 
    $j('a.show_single').click(function() { 
$j('curr').toggleClass('show'); 
return false; 
    }); 
}); 

Answer 1

을, 당신은 this 사용 키워드를 사용하여 적절한 컨텍스트를 얻은 다음 DOM을 탐색하여 찾고있는 것을 찾으십시오.

var $j = jQuery.noConflict(); 
$j(function() { 
    $j('a.show_single').click(function() { 
     $j(this).parents('div.post').toggleClass('show'); 
     return false; 
    }); 
}); 

Answer 2

var $j = jQuery.noConflict(); 
$j(function() { 
    $j('a.show_single').click(function() { 
     $j(this).parents('div.post').toggleClass('show'); 
     return false; 
    }); 
}); 

Answer 3

귀하의 질문은 불분명하다.

당신이 클릭 된 a를 포함하는 div.curr의 show 클래스를 전환하려는 가정이처럼 closest 메서드를 호출 할 수 있습니다 : 이벤트 함수 내부

$j(this).closest('div.curr').toggleClass('show');