Question

我的jquery代码有问题。它旨在在单击ajouter按钮时附加新表行。

除了根据已存在的行数添加行外，它的效果很好。如果表上有五行并且您单击添加按钮，它将添加五个空行而不是一行，我不知道错误来自何处。

这是代码：

<?php

echo '<td>'
    . '<input type="button" class="deleteButton" value="Supp."/> '
    . '<a href="javascript:void(0);" >'
    . '<input type="button" class="addCF" value="Ajouter"/>'
    . '</a>'
    . '</td>';

echo'</tr>';
?>                          
<script>
$(document).ready(function () {

    $(".addCF").click(function () {
        $("#demoajax").append('<tr><td><input type="text"  name="brice2[]" value="" placeholder="Ref" /> </td><td><input type="text"   name="brice[]" value="" placeholder="Label" /></td><td><input type="text" name="mytext[]" value="" placeholder="Quantite en besoin" /></td><td><input type="text" name="brice51[]" value="" placeholder="Unite" /></td><td><input type="text" name="brice52[]" value="" placeholder="Fabrication Utile" /></td><td> <a href="javascript:void(0);" class="remCF"><input type="button"   value="Supp"/></a></td></tr>');
    });
    $("#demoajax").on('click', '.remCF', function () {
        $(this).parent().parent().remove();
    });

});
</script>

jquery追加并删除动态表行错误

0 个答案: