Question

我不是jquery专家，如果实际上可以做的话，我们将不胜感激。

请参阅我的演示小提琴https://jsfiddle.net/joshmoto/jre166d1/

在这个小提琴上，我使用html图形标记以图库网格格式显示23个图像。

在此图像阵列中，有2个图像具有重复。图片为IMG 019和IMG 013。我还用重复的数据属性标记它们以供测试参考。

使用button，点击后，我想根据名为.duplicate的数据属性向FIGURE项添加名为data-title的类。

data-title值是检查是否存在重复项的关键。

完成此项检查后，我想将名为.latest-duplicate的类添加到重复项结果中的最新上传图像中。有一个名为data-time的数据属性，带有标准的php日期字符串2016-12-19 13:09:37，这将是查找最新图像的关键。

所以想法是所有具有重复的图像都有红色背景，但在这些结果中，最新的副本具有绿色背景。这样用户就可以知道哪个副本是最新版本。

我不知道从哪里开始如此，如果有人有任何指针，那将是非常感谢。

https://jsfiddle.net/joshmoto/jre166d1/

// reveal duplicated images and highlight latest version
$('#reveal-duplicates').on('click', function() {

  // help
  ...

});

Answer 1

$('#reveal-duplicates').on('click', function() {

  // do stuff
 $('figure').each(function(){
 var $this = $(this),
     title = $this.attr('data-title');

    var $foundFIgure = $('figure[data-title="'+title+'"]');
    if( $foundFIgure.length > 1 ){
        $foundFIgure.addClass('duplicate');
    }
 })

});

https://jsfiddle.net/jre166d1/4/

显示所有重复项目并根据数据属性突出显示最新版本

1 个答案: