jquery - 我可以将Class直接添加到容器中的img标签吗？

Question

我正在使用 Jquery 制作 iTunes 风格的封面流程。我不经常使用 Jquery 框架。我不想使用插件，它们中的大多数对于我想要的东西来说似乎有点矫枉过正。 http://jsfiddle.net/zorikii/cL63y/

目前，我只是想从 img 元素中删除事件标签。

$(".imgFrame img").removeClass(function(index, currentClass) {
    var removedClass;
    if ( currentClass === "active" ) {
        removedClass= "active";
    }
    return removedClass;
});

类声明如下:

.imgFrame
.imgFrame > img
.imgFrame.active > img

编辑:HTML:

<div class="imgFrame active">
    <img src="http://placehold.it/50x75"/>
</div>
<div class="imgFrame">
    <img src="http://placehold.it/50x75"/>
</div>

我感觉 $(".imgFrame img") 不是我要找的东西，尽管我以前在不同的上下文中见过类似的 Jquery 对象。

Answer 1

您只需要 $('.imgFrame').addClass('active'); 和 $('.imgFrame.active').removeClass('active'); 添加和删除这些类。但是，如果您想做一些更深入的事情，比如检查 next() item 元素是否可用于 addClass，您可以这样做:

$('#btnNext').on('click', function() {
    var $curImg = $('.imgFrame.active'),
        $nextImg = $curImg.next();
    if ($nextImg.length) {
        $nextImg.addClass('active');
    } else {
        $('.imgFrame').first().addClass('active');
    }
    $curImg.removeClass('active');
});

这是一个 jsFiddle以您的 fiddle 中的代码为例。