JSFiddle - React, Tailwind, and code Playground

by Barry Margolin

HTML

<span personname="Mr. Bean" class="person person-male"></span>

<span personname="Neo" class="person person-male"></span>

<span personname="Neo" class="person person-male"></span>

<span personname="Trinity" class="person person-female"></span>

<span personname="Trinity" class="person person-female"></span>

<span personname="Neo" class="person person-male"></span>

<span personname="Mr. Bean" class="person person-male"></span>

JavaScript

function uniquePerson(elements) {
    var results = $();
    var names = {};
    elements.each(function () {
        var name = $(this).attr('personname');
        if (!names[name]) {
            results = results.add(this);
            names[name] = true;
        }
    });
    return results;
}

alert(uniquePerson($('span.person')).length);