htmlオブジェクトを文字列に変換し、jQueryを使用して文字列を出力する

Question

最終的に、ページ上のすべてのイメージタグを見つけて、altタグなしのものを印刷しようとしています。

今私はこれがあります。

var str = '<img id="img1" /><img id="img2" /><img id="img3" /><img id="img4" alt="ASDF" title="" /><img id="img5" alt="" /><img id="img6" title="" />'; 
var imagesWithoutAlt = $(str).filter('img:not([alt])'); 
var newString = new String($(imagesWithoutAlt).clone().html()); 
$(document.body).append($('<textarea rows="6" cols="40"/>').text(newString); 

をしかし、これは出力何にも失敗しています。助けて？

Answer 1

ワーキングデモ：http://jsfiddle.net/pkdtg/

var str = '<img id="img1" /><img id="img2" /><img id="img3" /><img id="img4" alt="ASDF" title="" /><img id="img5" alt="" /><img id="img6" title="" />'; 
var imagesWithoutAlt = $(str).filter('img:not([alt])'); 
var newString = $(imagesWithoutAlt).clone().wrapAll("<div />").parent().html(); 
$(document.body).append($('<textarea rows="6" cols="40"/>').text(newString));​ 

私はあなたが要素にimagesWithoutAltクローンをラップし、その要素のHTMLを取得する必要があり.wrapAll("<div />").parent()