JSFiddle - React, Tailwind, and code Playground

HTML

<ul id=testList>
     <li><input type="checkbox" /><p> Test A </p></li>
     <li><input type="checkbox" /><p> Test B </p></li>
     <li><input type="checkbox" /><p> Test C </p></li>
     <li><input type="checkbox" /><p> Test D </p></li>
     <li><input type="checkbox" /><p> Test E </p></li>
</ul>

<input type="button" id="clone" value="Clone"/>

JavaScript

$(document).ready(function(){
    $('#clone').click(clone);
});

function clone(){
    clonedList = $('#testList').clone();
    clonedList.find('input[type=checkbox]:not(:checked)').each(function(){
        $(this).parent().remove();
    });
    clonedList.find('input').remove();
    alert(clonedList.html());
}