javascript - jQuery将类添加到第一项，直到单击另一个

Question

我正在使用 jQuery 将 .current 类添加到内置于 wordpress 插件中的一系列缩略图中。我不熟悉 MooTools，所以我尝试使用 jQuery 添加 .current 类。我要做的是将 .current 类添加到第一个缩略图 div 并在单击另一个类后删除该类。

这是我到目前为止所拥有的：

$('div.thumb img').click(function() {  // When we click on something in the filter menu
        $(this).css('outline','none'); // Remove css outline
        $('div.thumb').removeClass('current'); // Removes the current class from where it is now
        $(this).parent().addClass('current'); // Adds the current class to the item we clicked on
    return false;
});

这确实会在单击项目后添加类，但初始缩略图未突出显示。所以我正在尝试设置初始缩略图，使其具有 .current 类，直到单击另一个缩略图。

任何帮助将不胜感激。

谢谢！

Answer 1

在 dom read 上，您需要获取第一个 thumb 元素，然后将current类添加到它。

$(function(){
    $('div.thumb:first').addClass('current')
})

Answer 2

把这个放在doc ready：

 $('div.thumb').first().addClass('current')