htmljavascript $('.moment-btn .add').click(function(){ $('.my-define-moment').append("<li class='tree-empty'><div class='input-moment-name'><input placeholder='輸入分類名稱' /><button id='js-add-li' class='TextBtn'>確定</button></div></li>"); }); $('#js-add-li').click(function(){ var momentName = $(this).parent().children('input').val(); $('.my-define-moment').append("<li class='tree-empty'><span class='tree-third-items'>"+ momentName +"</span></li>"); }); $('body').on('click', '#js-add-li', function() { $(this).parent('.input-moment-name').remove(); });點擊確定按鈕,出現輸入框,輸入字符后點擊確定,添加一個li。如果把結構寫進html有用但是,如果通過append添加的就無法完成第二個項,添加li,而且在兩種情況下,點擊輸入框輸入字符時,報錯:event is not defined,不點擊輸入框不報錯。
原生Dom結構有用,append添加的dom結構無用
子衿沉夜
2018-08-07 09:09:35