Question

Is this possible to do using jQuery?

Lets say I have a list of items, with values attached eg:

1. Item1: 5
2. Item2: 10
3. Item3: 20
4. Item2: 15
5. Item4: 30
6. Item2: 25
7. Item1: 11

How would I remove all duplicates and add the integers from removed duplicates to one entry, with an output as such using jQuery:

1. Item1: 16
2. Item2: 50
3. Item3: 20
4. Item4: 30

Edit: I’ve found a function to remove duplicates using $.each, but I have no idea where to go from here to store the values per iteration and modify the DOM for the original item.

var seen = {};
$('.variety_name').each(function() {
    var txt = $(this).text();
    if (seen[txt])
        $(this).parent().remove();
    else
        seen[txt] = true;
});

Answer 1

Simple modification of the code you provided (with assumptions about the html):

<li class="item"><span class="name">Item1</span>: <span class="value">5</span></li>
<li class="item"><span class="name">Item2</span>: <span class="value">10</span></li>
<li class="item"><span class="name">Item3</span>: <span class="value">20</span></li>
<li class="item"><span class="name">Item2</span>: <span class="value">15</span></li>
<li class="item"><span class="name">Item4</span>: <span class="value">30</span></li>
<li class="item"><span class="name">Item2</span>: <span class="value">25</span></li>
<li class="item"><span class="name">Item1</span>: <span class="value">11</span></li>

 

var seen = {};
$('.name').each( function() {
      var txt = $(this).text();
      if (seen[txt] == undefined) {
          seen[txt] = $(this);
      } else {
          var val = seen[txt].next('.value');
          val.text( parseInt( val.text() ) + parseInt( $(this).next('.value').text() ) );
          $(this).parent().remove();
      }
});

When you haven’t seen an item, store the object in seen. When you have seen it, add current item’s value to the stored object’s value, and delete the current item.

Example: http://jsfiddle.net/JyGc9/