使用javaScript/Jquery追加工作html

我已经使用jquery/javascript和html创建了一个拖放函数。到目前为止，这是可行的，可以将一个div拖到一个表单元格中，并从中获取信息等。 此表表示从周一到周日的一周天数。 但是，由于我想让它有可能增加一个星期，仍然使用拖放功能，它出了问题。我不知道到底出了什么问题，但我怀疑这与我的下拉列表中的

“class='ui-widget-header'

有关

首先，这是我的桌子

<div id='trainingWeeks' class='bigDiv'>
    <table id='trainingWeekTable'>
        <tr id='tableHead'>
            <td>Monday</td>
            <td>Tuesday</td>
            <td>Wednessday</td>
            <td>Thursday</td>
            <td>Friday</td>
            <td>Saturday</td>
            <td>Sunday</td>
        </tr>
        <tr>
            <td colspan='7' style='text-align: center; background: #eee;'>Week 1</td>
        </tr>
        <tr id='tableContent' data-options='week: 1'>
            <td class='ui-widget-header' id='weekday' data-options='weekday: 1'></td>
            <td class='ui-widget-header' id='weekday' data-options='weekday: 2'></td>
            <td class='ui-widget-header' id='weekday' data-options='weekday: 3'></td>
            <td class='ui-widget-header' id='weekday' data-options='weekday: 4'></td>
            <td class='ui-widget-header' id='weekday' data-options='weekday: 5'></td>
            <td class='ui-widget-header' id='weekday' data-options='weekday: 6'></td>
            <td class='ui-widget-header' id='weekday' data-options='weekday: 7'></td>
        </tr>
    </table>
</div>

星期一
星期二
星期三
星期四
星期五
星期六
星期日
第一周

要添加这些表中的另一个，我只需使用javascripts append（）：

$（文档）.ready（函数（）{
var-weekNo=1；
$（“#添加另一周”）。单击（函数（）{
weekNo++；
$（“#培训周”）。追加（'HTML元素在页面上应该始终具有唯一的ID。jQuery和大多数选择器都依赖此规则。不确定这是否会导致您的问题，但您肯定应该考虑实现此差异。请进行更多研究：查看jQuery
Clone
方法。有关StackOverflow的示例介绍了如何克隆和更新IDsOkay谢谢你的回答。但是我尝试过像这样使用clone（）：$（“#trainingWeekTable”）.clone（）.appendTo（“#trainingWeeks”）；但仍然不起作用：（我想这是因为我前面提到的ID问题。你正在（通过clone）创建一个ID为“trainingWeekTable”的元素，然后你试图附加到“trainingWeeks”它已经包含一个名为“TrainingWeeksTable”的元素，现在可以使用了。非常感谢；）
<script>
    $(document).ready(function() {
        var weekNo = 1;
        $('#addAnotherWeek').click(function() {
            weekNo++;
            $('#trainingWeeks').append('<table id=.. THE SAME TABLE ... ');
        });
    });
</script>