jquery datepicker不适用于动态行

Question

我看了很多解决方案，但这没有帮助 我是JQuery的新手。

我想将日期选择器绑定到表中新添加的行 脚本文件如下。

$('a.add-passenger').click(function(event){
        event.preventDefault();
        counter++;
        var newRow = 
            '<tr>' + 
                '<td><input type="text" name="Name' + counter + '"/></td>' +
                '<td><input type="text" name="DOB' + counter + '"/></td>' +
                '<td><input type="text" name="PassNum' + counter + '"/></td>' +
                '<td><input type="text" name="PassExpiry' + counter + '"/></td>' +
                '<td><input type="text" name="Destination' + counter + '"/></td>' +
                '<td><input type="text" name="DepDate' + counter + '"/></td>' +
                '<td><input type="text" name="ArrDate' + counter + '"/></td>' +
                '<td><a class="remove">remove</a></td>'
            '</tr>';
        $table.append(newRow);

        $( "DOB" ).datepicker( "destroy" );
        $("#DOB").datepicker({
        changeMonth: true,
        changeYear: true
        });

        $("#ArrDate").datepicker({ 
        minDate: 0,
        maxDate:"+60D",
        numberOfMonths: 2,
        onSelect: function(selected) {
            $("#DepDate").datepicker("option","maxDate", selected)
            }
        });

        $("#DepDate").datepicker({
        minDate: 0,
        maxDate: "+60D",
        numberOfMonths: 2,
        onSelect: function(selected) {
            $("#ArrDate").datepicker("option","minDate", selected)
            }
        });

    });

但是，添加行时，只有第一行有日期选择器，而不是其他行 有不同的日期选择器，因此我不能使用类来选择日期。