JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<div>
    <ul>
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
        <li>item4</li>
    </ul>
</div>
<div>
    <ul>
        <li>Lorem ipsum dolor sit amet</li>
        <li>item2</li>
        <li>item3</li>
        <li>item4</li>
        <li>item4</li>
        <li>item4</li>
        <li>item4</li>
    </ul>
</div>

CSS

div {float:left;width:100px;}

JavaScript

$('div > ul').each(function(){
    var ul = $(this);
    var max_h = 0;
    ul.find('li').each(function(){
        if ($(this).height() > max_h){max_h = $(this).height()}
    });
    ul.find('li').height(max_h)
});