JSFiddle - React, Tailwind, and code Playground

HTML

<script>document.querySelectorAll = null;</script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>

<div id="fixture">
    <table id="tblAA" class="AA">
        <tr><th>template:</th></tr>
        <tr class="numasaCmpTemplate">
            <td>
                <select name="NUMASA_CMP"><option value="">select[name=NUMASA_CMP]</option></select>
            </td>
        </tr>
        <tr><th>instance:</th></tr>
    </table>
    
    <table id="tblMF" class="MF">
        <tr><th>template:</th></tr>
        <tr class="numasaCmpTemplate">
            <td>
                <select name="NUMASA_CMP"><option value="">select[name=NUMASA_CMP]</option></select>
            </td>
        </tr>
        <tr><th>instance:</th></tr>
    </table>
</div>

CSS

.hidden {
    display: none;
}

JavaScript

display_AADest(0, "tblAA");
display_AADest(0, "tblMF");

var selector = "#tblMF .numasaCmp_1 [name=NUMASA_CMP]";
alert( "found: " + $(selector).length );

function display_AADest (index, tableId) {
	var i = index + 1;

	$("#" + tableId + ' .numasaCmpTemplate')
        .clone()
        .removeClass('numasaCmpTemplate')
        .addClass('numasaCmp_' + String(i))
        .appendTo('#' + tableId);

	$("#" + tableId + ' .numasaCmp_' + i + ' [name="NUMASA_CMP"]').prop("disabled", false);
};