JSFiddle - React, Tailwind, and code Playground

by Arif Hasan

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <ul id="list1">
        <li class="item">Object 1</li>
        <li class="item">Object 2</li>
        <li class="item">Object 3</li>
    </ul>
    <ul id="list2">
        <li class="item">Object 1</li>
        <li class="item">Object 2</li>
        <li class="item">Object 3</li>
    </ul>

CSS

.active {
  color: red;
}

JavaScript

$(document).ready(function () {
		$("[id^='list']").each(function(){
       $(this).find('.item').first().addClass("active");
    });
});