ansaurus

Question

Using javascript/jQuery to get attribute values from an HTML string

Answer 1

+2 A:

This should work:

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

Brandon Boone 2010-09-14 18:22:36

You just have to take care about having a root element... maybe you must encapsulate your HTML, eg. $('<myRoot>' + htmlStuff + '</myRoot>').find...

hacksteak25 2010-09-14 18:25:39

I think this will still have the problem of downloading image files even though you aren't appending the html to the dom. If you create new image elements, browsers download the files right away regardless of whether you append the image elements to the dom.

Dave Aaron Smith 2010-09-14 20:16:25

Dave Aaron Smith is right – external resources are still downloaded.

DB 2010-09-15 02:10:29

Answer 2

+1 A:

This

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

returns whatever.jpg so I think you could try

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

Dave Aaron Smith 2010-09-14 18:25:06

Why do you replace img with blargh?

hacksteak25 2010-09-14 18:27:49

@DB mentioned that his original approach, loading jQuery objects according to his code, caused the browser to download all the resources. By getting rid of `img` tags I hoped to avoid that problem.

Dave Aaron Smith 2010-09-14 18:49:55

This approach works, but I had to do `$(content.replace(/<img/gi, "<blargh")).find("blargh:first").attr("src");` It feels a bit dirty...

DB 2010-09-15 02:36:13

@DB, I hear that. Uuuuugly.

Dave Aaron Smith 2010-09-15 14:26:22

ansaurus

tags:

views:

answers:

Using javascript/jQuery to get attribute values from an HTML string

related questions