extract image tag from string

Question

Sample :

    <p>
        <span class="AM"> *** 
            <img src="image" title="title" style="vertical-align: middle;">***  
        </span> 
        TF1: People needs to learn writting when they are young 
    </p> .

I

need to extract the image tag fully(not only the resource attribute) from the string.

expected result :

<img src="image" title="title" style="vertical-align: middle;">

I mean get the image tag fully from the string ie) with title,style whatever attributes with in the image tag. — Vijay, May 09 '14 at 08:15

score 5 · Accepted Answer · answered May 09 '14 at 08:00

5

Just target the image ?

$('.AM img')

If you need the outer HTML as a string

$('.AM img').get(0).outerHTML

and if all that is a string, pass it to jQuery to parse it

$(string).find('.AM img');

answered May 09 '14 at 08:00

adeneo

312,895
29
395
388

In my scenario i'd set the string in one variable need to extract the image tag from that. eg : var string = "
*** *** TF1: People needs to learn writting when they are young
."; thanks @adeneo – Vijay May 09 '14 at 08:08

score 0 · Answer 2 · answered May 09 '14 at 08:01

0

You can use:

var ele = $(theHtmlString);
var imgobj= $('.AM img', ele);

answered May 09 '14 at 08:01

Milind Anantwar

81,290
25
94
125

score 0 · Answer 3 · answered May 09 '14 at 08:02

0

Something like this

$('img')[0].outerHTML;

answered May 09 '14 at 08:02

Spokey

10,974
2
28
44

score 0 · Answer 4 · answered May 09 '14 at 08:02

0

//Edit: Thought this is a PHP Question.

In PHP you do it so:

$out = null;
preg_match('<img([\w\W]+?)/>', $html, $out);
print_r($out);

answered May 09 '14 at 08:02

Christian Gollhardt

16,510
17
74
111

time for [**Tony the Pony**](http://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags) again – adeneo May 09 '14 at 08:03
Sometimes you can match some specific HTML, you don’t have to actually parse it. But `\w\W` is not optimal, since you have to look for a `>`. – dakab May 09 '14 at 08:06

score 0 · Answer 5 · answered May 09 '14 at 08:03

0

Select the element, and match the image tag string:

document.getElementsByTagName('p').item(0).innerHTML.match(/(<img[^>]+>)/g);

answered May 09 '14 at 08:03

dakab

5,379
9
43
67

score 0 · Answer 6 · answered May 09 '14 at 08:04

0

$('span.AM').html();

Please try above

answered May 09 '14 at 08:04

Rohit Batham

1,238
1
9
13

score 0 · Answer 7 · answered Oct 05 '21 at 04:24

0

Use regular expression to get the image element. the expression will be

/<img[^>]+>/

const match = string.match(/<img[^>]+>/);
const result = match[0];

answered Oct 05 '21 at 04:24

Daisy

288
3
8

extract image tag from string

7 Answers7