如何使用jQuery动态向画廊缩略图添加活动状态

Question

我正在使用Galleriffic处理我的图片库，并且缩略图的活动状态有问题。

Galleriffic不支持图像上的活动状态，仅支持列表项。 现在，图库将为包含缩略图的当前LI分配一个“选定”类，而我一直在尝试使用jQuery定位活动LI内的缩略图ID，因此我为该图像分配了活动状态，然后将其返回给默认状态。

本质上我在做：

$('.selected img#myImage').attr('src', 'path_to_active_state.jpg');

哪个可行，但是之后我无法将图像恢复为默认设置。 我不认为在if语句中使用hasClass的jQuery支持，但是如果有人知道，请帮忙。 任何建议都欢迎。

Answer 1

你可以尝试:not选择器吗？ 您当前正在执行此操作以获取选定的图像：

$('.selected img#myImage').attr('src', 'path_to_active_state.jpg');

尝试这样做以获得未选择的图像：

$(':not(.selected) img#myImage').attr('src', 'path_to_active_state.jpg');

Answer 2

您可以将一个类添加到活动图像，以便以后可以识别它。

所以

$('.selected img#myImage').attr('src', 'path_to_active_state.jpg').addClass('altered');

当突出显示另一个缩略图时

$('.altered').attr('src', 'path_to_inactive_state.jpg').removeClass('altered');

在您的示例中$('.selected img#myImage')似乎也暗示您对所有缩略图（ #myImage ）使用相同的ID。 ID在DOM中应该是唯一的。