replace innerhtml string with specific string in jquery

Question

I like to replace any tag with specific string then print them on console.log

var str ='<p><img src=""><img src=""><img src=""><div><img src=""></div><div></div><img src=""><div></div></p>'


var result = $(str).find('img').replaceWith("<$1>")

I was expecting something like

var str ='<p><$1><$1><$1><div><$1></div><div></div><$1><div></div></p>'

Would be great after converting them i like to print the result

$(str) won't even work because that is not a valid selector — xxMrPHDxx
– xxMrPHDxx, Commented Dec 12, 2019 at 1:01
ah.... is there way to bring whole selector then convert them? — 이재찬
– 이재찬, Commented Dec 12, 2019 at 1:27
You'll need to add them into the html itself and then do the select thing. You will need style="display: none;" for the parent p element to hide them all — xxMrPHDxx
– xxMrPHDxx, Commented Dec 12, 2019 at 1:32

Andrew Smith · Accepted Answer · 2019-12-12 02:45:59Z

1

You can use .html() and some regexes to get you there. Granted, using regex to read HTML will always lead to sadness but sometimes people still do it in when they have no other option.

const originalHtml = $('#some-container').html()

const convertedHtml = originalHtml.replace(/<p>/g, '<foo>').replace(/<\/p>/g, '</foo>')

Example fiddle

answered Dec 12, 2019 at 2:45

Andrew Smith

1,4651 gold badge13 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

replace innerhtml string with specific string in jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related