javascript - JS根据属性删除重复的div

Question

我想删除具有相同标题和来源的重复条目，但我不知道如何操作。

<ul>
    <li><img class="test" src="secret/photo.jpg" title="Tester1"></li>
    <li><img class="test" src="secret/photo.jpg" title="Tester2"></li>
    <li><img class="test" src="secret/photo.jpg" title="Tester2"></li>
    <li><img class="test" src="secret/photo2.jpg" title="Tester2"></li>
    <li><img class="test" src="secret/photo2.jpg" title="Tester2"></li>
</ul>

结果应该是

<li><img class="test" src="secret/photo.jpg" title="Tester1"></li>
<li><img class="test" src="secret/photo.jpg" title="Tester2"></li>
<li><img class="test" src="secret/photo2.jpg" title="Tester2"></li>

我使用过这个功能，但它不起作用。

function unique(array) {
    return $.grep(array, function(el, index) {
        return index == $.inArray(el, array);
    });
}

谢谢

Answer 1

尝试

var $lis = $('ul li').filter(function () {
    var $img = $(this).find('img'),
        src = $img.attr('src'),
        title = $img.attr('title');
    return $(this).nextAll('li:has(img[src="' + src + '"][title="' + title + '"])').length == 0
})

$('ul li').not($lis).remove()

演示:Fiddle