Using Javascript/jquery To Get Attribute Values From An Html String

January 30, 2024 Post a Comment

I have an HTML string that contains text and images, e.g.

...

I need to get the src attribute of the first image.

Solution 1:

This

$("<p><blargh src='whatever.jpg' /></p>").find("blargh:first").attr("src")

returns whatever.jpg so I think you could try

$(content.replace(/<img/gi, "<blargh")).find("blargh:first").attr("src")

Edit

/<img/gi instead of "<img"

Baca Juga

Solution 2:

This should work:

<html><head><scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><scripttype="text/javascript">//Document Ready: Everything inside this function fires after the page is loaded
        $(document).ready(function () {
                    //Your html stringvar t = "<p><img src='test.jpg'/></p>"alert($(t).find('img:first').attr('src'));
        });
    </script></head><body></body></html>

Solution 3:

I normally use the below:

$(content).attr("src")
where 
content = "img src='/somesource/image.jpg'>"//removed < before img for html rendering in this comment

Solution 4:

I solved this same issue trying to pull out the src url from an iframe. Here is a plain JavaScript function that will work for any string:

functiongetSourceUrl(iframe) {
  var startFromSrc = iframe.slice(iframe.search('src'));
  return startFromSrc.slice(5, startFromSrc.search(' ') - 1);
}

JavaScript Free

Using Javascript/jquery To Get Attribute Values From An Html String

Solution 1:

Solution 2:

Solution 3:

Solution 4:

Post a Comment for "Using Javascript/jquery To Get Attribute Values From An Html String"