Remove certain character from string and return into an array

Question

I've got a string that has html tag like this:

var list = "<ul><li><p>example 1st</p></li><li><p>example 2nd</p></li></ul>"

how can I remove every character of The u, p, li tags

so i can get return result in array like this :

['example 1st','example 2nd']

Hassan Imam · Accepted Answer · 2022-04-05 08:34:16Z

2

You can create a div and then find all the text using innerText using querySelectorAll and array#map.

const list = "<ul><li><p>example 1st</p></li><li><p>example 2nd</p></li></ul>";
const div = document.createElement('div');
div.innerHTML = list;
const text = [...div.querySelectorAll('ul li p')].map(element => element.innerText);
console.log(text);

answered Apr 5, 2022 at 8:34

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

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

2 Comments

Rickard Elimää Over a year ago

So this only works for ul, li and p? Not really a good answer IMHO.

ruleboy21 Over a year ago

I think you meant array.map instead of array#map.

Collectives™ on Stack Overflow

Remove certain character from string and return into an array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related