将 html 对象转换为字符串并使用 jQuery 输出字符串答案

【问题标题】：Convert an html Object to a String and Output the String using jQuery将 html 对象转换为字符串并使用 jQuery 输出字符串
【发布时间】：2012-05-13 06:55:59
【问题描述】：

我最终试图找到页面上的所有图像标签并打印出没有 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 );

但这无法输出任何内容。帮忙？

【问题讨论】：

您需要将 imagesWithoutAlt 克隆包装在一个元素中并获取该元素的 html。
好的。我是 jQuery 新手，我该怎么做？

标签： jquery html image html-parsing

【解决方案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));

我加了.wrapAll("<div />").parent()

【讨论】：

感谢您的及时帮助！