JSFiddle - React, Tailwind, and code Playground

by Lenggo007

HTML

<div class="0panel 0panel-default" id="relatedResults" style="-ms-overflow-x: hidden; -ms-overflow-y: auto;">
            <ul id="invoiceResultsList">

            <li class="list-group-item row btn-primary active" style="cursor: pointer;" data-id="1806500" data-style="button"><span class="state-icon col-xs-1 glyphicon glyphicon-check"></span><div class="col-xs-11 no-gutter small"> <div class="col-xs-6"> 
            <i>Invoice:</i> 0717TL016</div> 
            <div class="col-xs-5 col-xs-offset-1"> <i>Amount:</i> 16873.69</div>
            <br>BCC0000FL - Federal Express Canada Ltd<br><i>Date: </i>7/28/2017</div>
            <input class="hidden" type="checkbox" checked=""></li></ul>
          
        </div>
        <button id="grape">gope
        </button>

JavaScript

$(function() {
$(document).on("click", "#grape", function() {
	$("#invoiceResultsList li.active").each(function (idx, li) {
//var clone = $(li).clone();
var b = $(li).find('input').clone();
alert(b);
            
               // $(clone).appendTo("#invoiceResultsList");
               //$(b).appendTo("#invoiceResultsList")
               $(li).find('input').remove();
                });

})
})