Titel umgeschrieben in: „Skript-Tags in Array filtern“

Question

Ich habe ein Beispiel-Markup:

<p><span style="color: blue;">现在是这个</span></p>
<p><br></p>
<p>主要配置值是这个</p>
<p><br></p>
<p>!</p>
<p>启用</p>
<p>配置终端</p>
<p>服务器名称 <span style="color: red;">服务器名称</span></p>
<p>启用密码 <span style="color: red;">服务器密码</span></p>
<p>禁用域名查找</p>
<p>IP域名 <span style="color: red;">地区</span>.google.com</p>
<p>!</p>
<p><br></p>

Ich möchte einen JavaScript-Code schreiben, der alle Span-Tag-Daten in zwei verschiedene Arrays filtert. Einer wird verwendet, wenn die Farbe rot ist, und der andere wird verwendet, wenn die Farbe blau ist. Aber ich schaffe es nicht, kann mir jemand helfen? Ich versuche, JS-Code zu schreiben, aber meine Lösung schlägt fehl.

Answer 1

您可以简单地使用正则表达式和match()来获取元素

const html = `<p><span style="color: blue;">是这个了</span></p>
<p><br></p>
<p>主要配置值是这个</p>
<p><br></p>
<p>!</p>
<p>启用</p>
<p>配置终端</p>
<p>服务器名称<span style="color: red;">服务器名称</span></p>
<p>启用密码<span style="color: red;">服务器密码</span></p>
<p>禁用IP域名解析</p>
<p>IP域名<span style="color: red;">区域</span>.google.com</p>
<p>!</p>
<p><br></p>`

const blueArray = html.match(/(?<=<span style="color: blue;">)(.*?)(?=<\/span>)/g)

console.log(blueArray)

const redArray = html.match(/(?<=<span style="color: red;">)(.*?)(?=<\/span>)/g)

console.log(redArray)