Convert an html Object to a String and Output the String using jQuery

Question

I'm ultimately trying to find all image tags on a page and print out the ones without alt tags.

Right now I have this:

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

But this is failing to output anything. Help?

you need to wrap the imagesWithoutAlt clone in an element and get that element's html. — user400654
– user400654, Commented May 3, 2012 at 18:01

user400654 · Accepted Answer · 2012-05-03 18:12:21Z

3

Working Demo: 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));

I added .wrapAll("<div />").parent()

answered May 3, 2012 at 18:12

user400654

95.1k16 gold badges168 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MNRSullivan Over a year ago

Thank you for the prompt help!

Collectives™ on Stack Overflow

Convert an html Object to a String and Output the String using jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related