javascript - 如果另一个属性相同，则删除一个属性

Question

我有 HTML 格式:

<a class="clickImage" href="http://domain.com/a_0_full.jpg" data-lightbox="group">initialize</a>
<a class="imageZoom" href="http://domain.com/a_0_full.jpg"></a>
<a class="imageZoom" href="http://domain.com/a_1_full.jpg"></a>

我想为 a.imageZoom 提供不同的 data-lightbox (noGroup)，其 href 与 a.clickImage 和相同的 data-lightbox(组)，但具有不同的 href。

这是我尝试过的:

$(document).ready(function() {
    $(".clickImage").click(function() {
        var addressValue = $(this).attr("href");
        $(".imageZoom").attr('data-lightbox','group');
        if($('.imageZoom').attr('href') == addressValue) {
            $(this).attr('data-lightbox','noGroup');
        }
    });
});

据我了解，它为所有带有 a.imageZoom 的链接提供了 noGroup。

我做错了什么？

Answer 1

您需要使用.filter()来过滤掉与变量addressValue中具有相同href的元素。然后将它们的属性data-lightbox设置为no-Group:

$('.imageZoom').filter(function(){
   return $(this).attr('href') == addressValue;
}).attr('data-lightbox','noGroup');