将课程添加到<a> above the current <div></div></a>

时间:2012-10-02 18:26:43

标签: jquery

循环中的代码(我的精选内容滑块中有3张幻灯片):

<a class="featured-image <?php echo "slide-".$i; ?>" href="<?php the_permalink(); ?>">
    <?php the_post_thumbnail('featured'); ?>
</a>
<div class="featured-about <?php if($active == 1) {echo "active ";} echo "about-".$i; ?>">
    <a class="featured-title"  href="<?php the_permalink(); ?>">
         <h3><?php the_title(); ?></h3>
    </a>
    <span class="excerpt featured-excerpt"><?php the_excerpt(); ?></span>
</div>

当我点击a.featured时,我需要实现这一点 - 关于改变a.featured-image的z-index被改变(只需添加addClass,例如active-image就足够了,我会在CSS中自己做)

但是我想我需要使用onclick:

$('.featured-about').click(function() {
    $(this).prev().addClass('active-image');
});

但它没有用。

我做错了什么?

1 个答案:

答案 0 :(得分:2)

您想使用.prev

http://jsfiddle.net/gromer/yUHqe/

$('.featured-about').click(function() {
    $(this).prevAll('a').addClass('active-image');
});​

修改:使用.prevAll http://jsfiddle.net/gromer/DRV9K/

进行更新