jQuery选择器在添加到DOM之前编辑HTML

Question

我想使用jQuery选择器添加一些内容到DOM，但我想在它被添加之前操作它。

var $content = $('<h1>title</h1><h2 id="xx">remove me</h2><p>some content or other</p>'); 

$content.remove('#xx'); 

$('#output').append($content); 

我已经把这个的jsfiddle这里http://jsfiddle.net/NNcG5/1/

非常感谢， 麦克

Answer 1

我建议$content.not('#xx').appendTo('#output');

我还与解决方案也here更新您的JS提琴。

Answer 2

我想从你正在创建一个片段没有一个顶级的事实，问题源于级元素。如果你把这一切全部包装在<div>那么它工作正常。

var $content = $('<div><h1>title</h1><h2 id="xx">remove me</h2><p>some content or other</p></div>'); 

编辑 —哎呀我也改变了你移除代码完全一样季米特洛夫先生在他的回答一样。

Answer 3

尝试这样的：

var $content = $('<div/>').html($('<h1>title</h1><h2 id="xx">remove me</h2><p>some content or other</p>')); 
$content.find('#xx').remove(); 
$('#output').append($content); 

Live demo。