How to display count of text duplicates removed?

Question

I am using the code to remove duplicates as explained here: jQuery Remove Duplicate Elements. It works perfectly, but I cannot find the code to show the number of times a duplicate was removed for each element. I think it's quite simple, but I'm not very experienced with jquery.

RESOLVED thanks to shaunakde

var seen = {};
var counter = {};
var length = $('#links1 a, #links2 a').length;
console.log(length);
$('#links1 a, #links2 a').each(function(i) {
var txt = $(this).text();
if(seen[txt]){
    $(this).remove();
    counter[txt]++;
}
else{
    seen[txt]=true;
    counter[txt] = 1;
}
if(i==(length-1)){

    $.each(counter , function(i, val) { 
          $('a:contains('+i+')').html(i+' ('+val+')')

});

It now correctly prints out: - Item 1 (4) - Item 2 (1) - Item 3 (5)

Where the number between brackets is the number of times it was removed (+1).

With this code I just see all items, so they are not removed. — user3678153, May 27 '14 at 03:49
Just keep count with the dictionary and print the values at the end. `for (var x in seen) console.log(seen[x])` works well — royhowie, May 27 '14 at 04:46

score 1 · Accepted Answer · answered May 27 '14 at 04:41

1

Here is a working Demo Fiddle

var seen = {};
var counter = {};
var length = $('#links1 a, #links2 a').length;              //Length of <a> elements
console.log(length);
$('#links1 a, #links2 a').each(function(i) {
    var txt = $(this).text();
    if(seen[txt]){
        $(this).remove();
        counter[txt]++;
    }
    else{
        seen[txt]=true;
        counter[txt] = 1; 
    }
    if(i==(length-1)){                                      //Last iteration

        $.each(counter , function(i, val) { 
            $('p#first').append('<p>'+i+': '+val+'</p>');   //Print Text and its Occurence.
        });


    }

});

You just had to print all the Values and Indexes after the last iteration.

answered May 27 '14 at 04:41

Shaunak D

20,588
10
46
79

Yes, this works and prints out the list perfectly, but I need to have the value behind the links that are printed. "#links1 a" refers to links and with the original code it prints correctly those links only once and I need the value behind that. Think we're getting there, thank you for your help. – user3678153 May 27 '14 at 05:32
What do you mean by getting behind? Can you give an example? – Shaunak D May 27 '14 at 05:33
It prints out the links as: Item 1. And I want the value behind that (either after or inside the link, doesn't matter). When I try to append your code to the links, I of course get your full text with every link. I only need the count value for the link. – user3678153 May 27 '14 at 05:42
So do you want to make the output as an `` link? **[Like This](http://jsfiddle.net/shaun1ak/3actv/3/)** – Shaunak D May 27 '14 at 05:43
The output is already a link (a copy of the links I'm targeting, with the duplicates removed). And I'd like to have the value of the removed duplicates behind that link. – user3678153 May 27 '14 at 05:46
So, no, I don't need to add the attribute as it is already there. – user3678153 May 27 '14 at 05:52
Yes! That works. Thanks a lot! This is the first time I'm asking a question here and I'm already a fan! :) – user3678153 May 27 '14 at 05:57

score 0 · Answer 2 · answered May 27 '14 at 03:29

0

Well I'd recommend you to create an additional Array that counts the duplicates for each text

counters = Array();

if (seen[txt]) {
    $(this).remove();
    count++;
    counters[txt]++; 
} else {
    seen[txt] = true;
    counters[txt] = 1;
}

answered May 27 '14 at 03:29

Tobias Baumeister

2,107
3
21
36

Thanks Tobias, but with your code I still don't see numbers between brackets. Am I missing something? Thanks! – user3678153 May 27 '14 at 03:56

How to display count of text duplicates removed?

2 Answers2