Question

如何删除动态生成的div的最后一个并以字符串形式重新生成html。 样本HTML DIV

strHtmlString = "<div contenteditable='true' id='undefined'>Test1</div> 
    <div contenteditable='true' id='sentenceFreeTextField67' type='sentenceFreeTextField'>One</div> 
    <div id='multiselectAnchors' type='multi'> 
     <div id='options32' >Two</div> 
     <div contenteditable='true' id='sentenceFreeTextField68' type='sentenceFreeTextField'>One</div> 
    </div> 
    <div id='blank4' contenteditable='true' type='blankField'>&nbsp;&nbsp;&nbsp;</div> 
    <div id='Div1' type='multi'> 
     <div id='options33' >Three</div> 
     <div contenteditable='true' id='sentenceFreeTextField69' type='sentenceFreeTextField'>One</div> 
    </div>" 

这里是代码示例

if (($('<DIV/>').html(strSentence)[0].lastChild.lastChild.type === 'sentenceFreeTextField') && (!$.trim($('<DIV/>').html(strSentence)[0].lastChild.lastChild.innerText))) { 

strHtmlString = $('<DIV/>').html(strSentence)[0].lastChild.lastChild.remove().html; (this remove().html doesn't work) 

} 

需要的是删除div的lastchild在运行时转换回字符串作为此前有。我可以做字符串操作但可能不会在是正确的方式，请建议

Answer 1

动态生成一个DIV：

$('body').append('<div>'); 

访问DIV生成后立即：

var $divElement = $('body').append('<div>').find('div'); 

获得最后子女：

var $lastChildElement = $divElement.last(); 

获取最后一个孩子的HTML（更具体地说，是innerHTML）：

var $lastChildHTML = $lastChildElement.html(); 

做这一切在一起，然后你转身：

var $lastChildHTML = $('body').append('<div>').find('div').last().html(); 

这就是它的全部。

Answer 2

var last = $(element).children(':last-child'); 
var html = $(last).html(); 
$(last).remove(); 
var newHtml = $(element).html(); 
//incase you want the html with it's parent as well do this 
var newHtml = $(element).parent().html(); 

Answer 3

var el = $(strHtmlString); 
// dont know what you meant by last child, so taking the id 
el.children().find("#sentenceFreeTextField69").remove(); 

var str = el.wrap("<div/>").parent().html()