Parse html string with jquery

Question

I have an HTML string from a source loaded by Ajax. I would like to get some attributes from the object (image) in this line before putting the HTML in the document.

I have something like:

$.ajax({ url: uri+'?js', success: function(data) { var htmlCode = $(data).html(); $('#otherObject').html(data); } }); 

How can I get attributes (e.g. src ) from this HTML line?

Answer 1

I am not 100% sure, but I will not

 $(data) 

create a jquery object with a DOM for this data, nowhere connected? Or, if it is already being parsed as a DOM, you can simply switch to $ ("# myImg", data) or any other selector according to your needs.

EDIT
Rereading your question, it seems that your “data” is already a DOM, which means you can just go (if your DOM has only img, otherwise you will need a more accurate selector)

 $("img", data).attr ("src") 

if you want to access the src attribute. If your data is just text, this will probably work

 $("img", $(data)).attr ("src") 

Answer 2

Marvins.-

Try:

 $.ajax({ url: uri+'?js', success: function(data) { var imgAttr = $("img", data).attr('src'); var htmlCode = $(data).html(); $('#imgSrc').html(imgAttr); $('#fullHtmlOutput').html(htmlCode); } }); 

This should load the entire html block from the data in #fullHtmlOutput and src image in #imgSrc.

Answer 3

just add a container element for your img element to make sure your interstitial element is not the first one checked, e.g. ff

Answer 4

One thing to note is that since I had exactly this problem today, depending on your jQuery HTML, parsing may or may not be. jQuery will not parse my HTML in the correct DOM - it worked fine on small XML-compatible files, but the HTML that I had (which would display on the page) would not be parsed by the Ajax callback.

In the end, I just searched manually in the string for the tag that I wanted, but not perfect, but worked.