Question

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

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

Answer 2

你的问题不清楚。

假设您要切换包含所点击的show的{{1}}的{{1}}类，您可以调用closest方法，如下所示：< / p>

div.curr

Answer 3

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

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

用jQuery定位父div

3 个答案: