JSFiddle - React, Tailwind, and code Playground

by Brett

HTML

<div class="attendees-shortcode">
    <div class="attendees">
        <h2>Attending This Event</h2>
        <hr>
        <div class="eb-attendees-list" data-event-id="18043573815">
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Kim Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Kim Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Kim Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Kim Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Kim Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Kim Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Kim Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Kim Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Kim Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Kim Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Kim Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Michael Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Michael Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Michael Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item eb-display_name">Michael Abel</li>
            </ul>
            <ul>
                <li class="eb-attendee-list-item...

CSS

.mismatch { color: red; }

JavaScript

var master = [];

// Identify the master values.
$('ul').first().find('li').each( function( index, value ) {
    master.push($(this).text());
});

$('ul:not(:first)').each( function( ulIndex ) {
    
    $(this).find('li').each( function( index ) {
        
        if (master[index] == $(this).text() ) {
            $(this).addClass('mismatch');        
        }
        
    });
});