php - ajaxでonclickに新しいテキストボックスを追加する

Question

私はphpでプロジェクトに取り組んでいます。スライダーと追加ボタンがあります。追加ボタンをクリックすると、別の追加ボタンと削除ボタンとともに新しいスライダーが表示されます。追加ボタンをクリックすると同じサイクルが続き、削除ボタンをクリックすると同じ行が消えます。私はこれを試しました：

<div id="time">
<div id="slider-range1"></div>
<span id="utility2"></span>
<a class="add_time" href="#">Add</a>
</div>

$("#time").delegate(".add_time", "click", function(){
    var content =  '<div>'
                   +'<div id="slider-range2"></div>'
                   +'<span id="input_time1"></span>'
                   +'<a class="del_time" href="#">Delete</a>'
                   +'<a class="add_time" href="#">Add</a>'
                   +'</div>';
    $("#time").append(content);
    return false;
});

$("#time").delegate(".del_time", "click", function(){
    $(this).parent().remove();
    return false;
});