JSFiddle - React, Tailwind, and code Playground

by Terry Young

HTML

<div id="calendar-feed">
    <ul>
        <li class="event">
            <ul>
                <li>
                     <h3>h3</h3>

                     <h4>h4</h4>

                </li>
                <li>
                     <h3>h3</h3>

                     <h4>h4</h4>

                </li>
                <li>
                     <h3>h3</h3>

                     <h4>h4</h4>

                </li>
                <li>
                     <h3>h3</h3>

                     <h4>h4</h4>

                </li>
            </ul>
        </li>
    </ul>
</div>

JavaScript

// Method 1
$('#calendar-feed li.event h3').each(function (i, h3) {
    var $h3 = $(h3);
    $h3.after($h3.closest('li').find('h4'));
});


// Method 2
$('#calendar-feed li.event h3').each(function (i, h3) {
    var $h3 = $(h3);
    $h3.appendTo($h3.closest('li'));
});