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。