使用 jQuery 定位父 div答案

【问题标题】：Targeting the parent div with jQuery使用 jQuery 定位父 div
【发布时间】：2010-01-27 19:54:29
【问题描述】：

所以，这是我的情况。我有一个 wordpress 网站，每个条目在帖子 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;
  });
});

【问题讨论】：

标签： jquery wordpress parent-child

【解决方案1】：

在事件函数内部，您使用 this 关键字进入正确的上下文，然后遍历 DOM 以找到您要查找的内容：

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

【讨论】：

不错！感谢您的帮助！

【解决方案2】：

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

【讨论】：

这不会做任何事情，因为a 元素的直接父元素是span。

【解决方案3】：

你的问题不清楚。

假设您想要切换包含被点击的a 的div.curr 的show 类，您可以调用closest 方法，如下所示：

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

【讨论】：