使用匹配的数据attr淡出每个div

Question

所以我要说下面的设置如下.其中3篇文章具有相同的data-attr(这来自数据库).我点击删除我可以轻松淡出一个.我删除了点击>最近的blah>淡出

但是,我想淡出不仅仅是关于点击的特定文章,而是任何具有匹配数据attr的文章.我不知道该怎么做.

任何提示都会被贬低!

<article class="blah" data-attr="123">
    //content stuff
    <a href="#" class="remove">REMOVE</a>
</article>
<article class="blah" data-attr="123">
    //content stuff
    <a href="#" class="remove">REMOVE</a>
</article>
<article class="blah" data-attr="123">
    //content stuff
    <a href="#" class="remove">REMOVE</a>
</article>
<article class="blah" data-attr="145">
    //content stuff
    <a href="#" class="remove">REMOVE</a>
</article>
<article class="blah" data-attr="145">
    //content stuff
    <a href="#" class="remove">REMOVE</a>
</article>
<article class="blah" data-attr="175">
    //content stuff
    <a href="#" class="remove">REMOVE</a>
</article>
<article class="blah" data-attr="">
    //content stuff
    <a href="#" class="remove">REMOVE</a>
</article>

Answer 1

使用attribute value选择器:

选择具有指定属性的元素,其值完全等于某个值.

$('.blah .remove').on('click', function() {
    $('.blah[data-attr="' + $(this).closest('.blah').data('attr') + '"]').fadeOut();
});

演示