jquery - DOMに追加する前にHTMLを編集するjQueryセレクター

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');

また、ここで、ソリューションを使用してJSFiddleを更新しました。

Answer 2

このようにしてみてください：

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);

ライブデモ。

Answer 3

問題は、トップレベルの要素が1つもないフラグメントを作成していることに起因していると思います。それをすべてaでラップすると、正常<div>に機能します。

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

編集—おっと、ディミトロフ氏が答えたのとまったく同じように、削除コードを変更しました。