循环中的代码(我的精选内容滑块中有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');
});
但它没有用。
我做错了什么?
答案 0 :(得分:2)
您想使用.prev
:
http://jsfiddle.net/gromer/yUHqe/
$('.featured-about').click(function() {
$(this).prevAll('a').addClass('active-image');
});
修改:使用.prevAll
http://jsfiddle.net/gromer/DRV9K/