jquery - 单击缩略图 img，找到 alt 值...然后将类添加到具有相同 alt 值的所有图像

Question

我有主要图像和缩略图。当单击缩略图图像时，我想向主图像添加“活动”类......唯一的共同点是 alt 标签。

这是我尝试过的。

$('#thumbnails img').click(function () {
    var alt = $(this).attr("alt");
    var tag = $("img").attr(alt);
    $("#mainImages").find(tag).addClass("active");
});

Answer 1

您需要使用它来获取带有您的 alt 值的标签var tag = $("img[alt='"+alt+"']");

$('#thumbnails img').click(function () {
    var alt = $(this).attr("alt");
    var tag = $("img[alt='"+alt+"']");
    $("#mainImages").find(tag).addClass("active");
});

Answer 2

所以这就是我从帖子和评论中解释的..

$('#thumbnails img').click(function () {
    var alt = $(this).attr("alt");
    $('#thumbnails img', '#mainImages img').filter(function() { return $(this).attr('alt') == alt;}).addClass('active');
});