单击缩略图img，找到alt值...然后将addClass添加到具有相同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');
});