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阅读时，您需要获取第一个拇指元素，然后将current类添加到其中。

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

Answer 2

将其放在doc ready：

中

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

jQuery将类添加到第一个项目，直到另一个项目被单击

2 个答案: