JSFiddle - React, Tailwind, and code Playground

by cmruser

HTML

<nav class="nav">
    <ul class="droplink drop-parent">
        <li data-type-id="0" data-type="menu">[MENU]</li>
        <li data-type-id="1" data-type="link"><a href="#">link</a></li>
        <li data-type-id="2" data-type="dropdown">
            <a href="#">link</a>
            <ul class="droplink drop-children">
                <li data-type-id="3" data-type="link"><a href="#">link</a></li>
            </ul>
        </li>
    </ul>
</nav>
<nav class="nav"><ul class="nav-menu"></ul></nav>

JavaScript

var str = "<nav class=\"nav\"><ul class=\"nav-menu\"><li class=\"menu\">[MENU]</li></ul></nav>";

var nav = $('.drop-parent')[0].outerHTML;

var n = $(nav).find('li').removeAttr('data-type');

//alert(n)

$('.nav-menu').append(n);

/*
var t = $(str);
var m = t.find('.menu');
var ttt = m[0].outerHTML;
var tt = str.replace(ttt,'text');
console.log(m[0].outerHTML);
$('body').append(tt);
*/