Question

这是我对上一个问题的继续：Modifying $i inside a form

所以现在我创建了这样的代码：

<form method="post" action="actionhere">
    <div id='clone_me'>
        <?php 
        for($i=1; $i<=1;$i++) {
            ?>

            <span id="title">Line <?php echo $i;?></span>

            <input type='checkbox' name='ck[]'/>
            <input type='text' name='tx[]'/>

        <?php } ?>
    </div>
    <input type='submit' name='submit' value='Submit'/>
    <input type="button" value="Add row" class="addrow" />
</form>

<script>
$(document).ready(function() {
    $('.addrow').click(function(){                
        var n= $("#clone_me").length;
        var new_n=n+1;              
        var new_line= $('#clone_me div:first').clone().append();                
        $("span#title", new_line).text("Line bet "+new_n+" ");
        new_line.appendTo('#clone_me');
        alert(new_n);               
    });
});
</script>

所以我可以在单击按钮时添加新行，但我想更改span元素中的标题，但我无法使其工作。第一个克隆，是的，标题正确更改（从1到2），但第二个克隆仍然显示＆＃34; 2＆＃34;，而不是＆＃34; 3＆＃34;。

正确的方法是什么？

EDIT 我只把$ i = 1用于测试目的。在实际应用中，我需要将其更改为10（因此将循环10行）

JQuery - 克隆后计算div的总数（）

0 个答案: