Ich brauche Hilfe beim Schreiben von jQuery-Code.

Ich muss eine Tabelle dynamisch klonen, indem ich auf sie klicke. Aber dann muss ich jedes Mal die IDs der Tabelle und ihrer untergeordneten Elemente ändern. Da der Tisch viele Kinder haben kann, wird es zu schwierig sein, dies manuell zu tun. Ich brauche eine Möglichkeit, die IDs aller untergeordneten Elemente (aller untergeordneten Elemente) zu ändern. Ich werde immer nur den Zähler zur ID hinzufügen. (Ich weiß, dass Kinder nur auf die unmittelbaren Kinder zugreifen, aber ich wollte nur versuchen, ob das funktioniert). Wenn ihr wisst, wie das mit jQuery oder Javascript gemacht werden kann, lasst es mich bitte wissen.

<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>