JSFiddle - React, Tailwind, and code Playground

HTML

<li class="list-element-one">
  <a href="#">
    <div class="media">
      <div class="chat-user-img away align-self-center mr-3">
        <img src="/assets/images/users/avatar-3.jpg" class="rounded-circle avatar-xs" alt="">
        <span class="user-status"></span>
      </div>
      <div class="media-body overflow-hidden">
        <h5 class="text-truncate font-size-15 mb-1">Mark Messer</h5>
        <p class="chat-user-message text-truncate mb-0"><i class="ri-image-fill align-middle mr-1"></i> Images</p>
      </div>
      <div class="font-size-11">12 min</div>

      <div class="unread-message">
        <span class="badge badge-soft-danger badge-pill">02</span>
      </div>
    </div>
  </a>
</li>

<li class="list-element-two">
  <a href="#">
    <div class="media">
      <div class="chat-user-img away align-self-center mr-3">
        <img src="/assets/images/users/avatar-3.jpg" class="rounded-circle avatar-xs" alt="">
        <span class="user-status"></span>
      </div>
      <div class="media-body overflow-hidden">
        <h5 class="text-truncate font-size-15 mb-1">Mark Messer</h5>
        <p class="chat-user-message text-truncate mb-0"><i class="ri-image-fill align-middle mr-1"></i> Images</p>
      </div>
      <div class="font-size-11">12 min</div>

      <div class="unread-message">
        <span class="badge badge-soft-danger badge-pill">02</span>
      </div>
    </div>
  </a>
</li>

JavaScript

const contentElementOne = document.querySelector('.list-element-one').innerHTML;
const contentElementTwo = document.querySelector('.list-element-two').innerHTML;

console.log(contentElementOne === contentElementTwo);