Potrzebuję pomocy, aby dowiedzieć się, jak napisać kod jQuery.

Muszę dynamicznie klonować tabelę onclick. ale muszę za każdym razem zmieniać identyfikatory tabeli i jej elementów potomnych. ponieważ tabela może mieć wiele dzieci, trudno będzie to zrobić ręcznie. Potrzebuję sposobu na zmianę id wszystkich elementów potomnych (wszystkich potomków). Zawsze dodam licznik do identyfikatora. (Wiem, że dzieci będą miały dostęp tylko do bezpośrednich dzieci, ale chciałem tylko spróbować, jeśli to działa). Jeśli wiecie, jak można to zrobić w jQuery lub Javascript, dajcie mi znać.

<table id="table"> 
    <tr id = "tr" > 
        <td id="td"> 
            <span id="span" value="hiii">hi</span> 
        </td> 
    </tr>
</table> 

<button>Clone</button> 

<script> 
    $("button").click(function () { 
        var table = $("#table").clone(true,true) 
        table.attr( 'id', function() { return this.id +"1"; })    
        alert($("#table1").children()) 
        $("#table1").find(*).attr('id', function() { return this.id +"1"; }) 
        table.appendTo("#table") 
        alert(document.getElementById("tr1")) 
        alert(document.getElementById("span1").value) 
    }); 
</script>