Question

我有一个带div标签的按钮

<div class='test'>
    <button class="bt1">add statment</button>
</div>

我想通过jquery将div附加到函数

$(".test").on("click", ".bt1", function () {
    $(".test").append("<p>Statement: <input type='text' name='statement"+ i +"'><br><button class='deleteCon'> Delete</button></p>"); 
    i++;
});

任何人都可以告诉我这是什么问题？

Answer 1

您的问题是i未在范围内声明：

var i = 1; //Declare
$(".test").on("click", ".bt1", function () {
            $(".test").append("<p>Statement: <input type='text' name='statement"+ i +"'><br><button class='deleteCon'> Delete</button></p>"); i++; });

Live Demo

Answer 2

我相信你正确使用追加，但似乎没有定义i。

请参阅以下javascript：

var i = 0;
$('.bt1').on('click', function() {
    $('.test').append("<p>Statement: <input type='text' name='statement"+ i +"'><br><button class='deleteCon'> Delete</button></p>");
    i++;
});

http://jsfiddle.net/xg5Bu/

追加div不起作用

2 个答案: