javascript - 新的 div 不是从新创建的 div 创建的

Question

我想在创建新的 div 后删除 addcontent 按钮。
然后通过在新 div 内创建的新 addcontent 按钮创建新 div。

<script>
    var i = 1;
    $(document).ready(function () {
        $("#addcontent").click(function () {              
            var q = "new-question" + String(i);
            alert(q);                
            $(".question").append('<div class="new-question" id="question' + i + '" name="question' + i + '"><b>Div is created</b><br> This is div text <br> <button id="addcontent">Add content</button></div>').show('slow');
            i++;                                
        });
    });
</script>




<div class="question">
    <button id="addcontent">Add content</button>   
</div>

Answer 1

试试这个:

 <script>
    var i = 1;
    $(document).ready(function () {
        $(document).on('click','.addcontent',function(){

        //$(".addcontent").click(function () { 
            if(i==1)
                  $(".question").html('');          
            var q = "new-question" + String(i);
            $(".hide_button").remove();
            alert(q);                
            $(".question").append('<div class="new-question" id="question' + i + '" name="question' + i + '"><b>Div is created</b><br> This is div text <br> <button class="addcontent hide_button">Add content</button></div>').show('slow');

            i++;                                
        });
    });
</script>

<div class="question">
    <button class="addcontent hide_button">Add content</button>   
</div>