javascript - input框相關問題

問題描述

文件夾重命名之后，input框失去焦點，input消失，獲取input框的value值，使他的父標簽的text值為輸入的value，怎樣實現?。?/p>

html代碼

<p class='subject_folder_box hidden'> <ul class='subject_folder_ul'><li class='subject_li_1'> <a><span class='folder_name'>默認文件夾</span>（<span class='floder_num'>1</span>）</a></li> </ul> <p class='subject_edit_li'><a id=''></a><a id=''></a> </p></p>

js代碼

//編輯文件夾$('.js_edit').click(function(){ $('.subject_folder_ul li a').append('<a title=’重命名’ class=’edit_subject js_edit1’ id=’’></a>');});//重命名文件夾$('.js_edit1').live('click',function(){ $(this).hide(); var txt=$(this).siblings('.folder_name').text(); $(this).parents('a').find('.folder_name').empty(); $(this).parents('a').find('.folder_name').append('<input type=’text’ name=’’ maxlength=’10’ id=’’ value=’'+txt+'’/>');});//添加文件夾$('.js_add').click(function(){ $('.subject_folder_ul').append('<li><input type=’text’ name=’’ maxlength=’10’ id=’’ placeholder=’請輸入子類名稱’/></li>');});//input輸入框失去焦點$('.subject_li_1 input').on('blur',function(){ var value=$(this).val(); $(this).remove(); $(this).parents('.folder_name').text(value);});

問題解答

//input輸入框失去焦點$('.subject_li_1 input').on('blur',function(){ var value=$(this).val(); $(this).remove(); $(this).parents('.folder_name').text(value);});這一塊代碼也應該用 事件委托，節點是你后創建的。//重命名文件夾$('.js_edit1').live('click',function(){ $(this).hide(); var txt=$(this).siblings('.folder_name').text(); $(this).parents('a').find('.folder_name').empty(); $(this).parents('a').find('.folder_name').append('<input type=’text’ name=’’ maxlength=’10’ id=’’ value=’'+txt+'’/>');});這個dom應該remove吧，不然以后會 越來越多