从字符串中删除强标签及其内容

Question

I'm having below string with this html, i'm wondering how can i remove/filter all strong tags and its text from the string?

html

<p>
    <br>
    2-3 spsk græsk yoghurt, gerne 10 % 
    <strong>Dressing: </strong>
    <br>
    1 lille spsk god mayonnaise
    <br>
    1-2 tsk æbleeddike 
    <br>
    1-2 tsk honning 
    <br>
    himalayasalt og friskkværnet hvid peber
    <br>
</p>

so far i have this, but only seem to remove strong tag if it is at the top

var ingredientsArray = ingredients.split('<br>').map(it => it.trim()).filter(it => !!it && !it.startsWith('<strong>'));

Answer 1

You can use the DOM API for this:

 function stripStrong(html) { var span = document.createElement('span'); span.innerHTML = html; [...span.getElementsByTagName('strong')].reverse().forEach( strong => strong.parentNode.removeChild(strong) ); return span.innerHTML; } var html = `<p> <br> 2-3 spsk græsk yoghurt, gerne 10 % <strong>Dressing: </strong> <br> 1 lille spsk god mayonnaise <br> 1-2 tsk æbleeddike <br> 1-2 tsk honning <br> himalayasalt og friskkværnet hvid peber <br> </p>`; console.log(stripStrong(html)); 

Note that this also works if the strong tag has attributes, styles, is nested with other strong tags, etc... something that regular expressions can have trouble with.

Answer 2

Parsing the string as HTML would most likely be the way to go, depending on what the goal is ?

 var ingredients = '<p><br>2-3 spsk græsk yoghurt, gerne 10 % <strong>Dressing: </strong><br>1 lille spsk god mayonnaise<br>1-2 tsk æbleeddike <br>1-2 tsk honning <br>himalayasalt og friskkværnet hvid peber<br></p>'; var doc = new DOMParser().parseFromString(ingredients, 'text/html'); [].forEach.call(doc.querySelectorAll('strong'), function (item) { item.parentNode.removeChild(item); }); document.body.innerText = '<pre>' + doc.body.innerHTML + '</pre>'; 

Answer 3

与其尝试操纵字符串，不如将CSS规则应用于将其放入DOM的任何位置：

strong { display: none; }

Answer 4

You can use regex for this:

var ingredientsArray = ingredients.replace(/<strong>[\s\S]*?<\/strong>/g, '')
     .split('<br>').map(it => it.trim()).filter(Boolean);