如何用开始和结束字符分割html字符串答案

【问题标题】：How to split a html string with start and end character如何用开始和结束字符分割html字符串
【发布时间】：2021-05-11 20:17:57
【问题描述】：

如果我有类似的要求，我想创建一个包含所有 <tr> 的数组。我想从<tr> 和</tr> 开始拆分。如何在 split 函数中同时给出 start 和 end。

<!DOCTYPE html>
<html>
<body>

<h2>Basic HTML Table</h2>

<table style="width:100%">
  <tr>
    <th>Firstname</th>
 
  </tr>
  <tr>
    <td>Jill</td>
   
  </tr>
  <tr>
    <td>Eve</td>

  </tr>
  <tr>
    <td>John</td>
   
  </tr>
</table>

</body>
</html>

【问题讨论】：

标签： javascript html jquery split

【解决方案1】：

不要使用拆分

const arr = [...document.querySelectorAll('tr')].map(tr  => tr.outerHTML)
console.log(arr)

// if the source is a string:

const tblString = `<table style="width:100%"><tr><th>Firstname</th></tr><tr><td>Jill</td></tr><tr><td>Eve</td></tr><tr><td>John</td></tr></table>`

const domFragment = document.createElement('div')
domFragment.innerHTML = tblString;
const arr1 = [...domFragment.querySelectorAll('tr')].map(tr  => tr.outerHTML)
console.log(arr1)

<!DOCTYPE html>
<html>

<body>

  <h2>Basic HTML Table</h2>

  <table style="width:100%">
    <tr>
      <th>Firstname</th>
    </tr>
    <tr>
      <td>Jill</td>
    </tr>
    <tr>
      <td>Eve</td>
    </tr>
    <tr>
      <td>John</td>
    </tr>
  </table>

</body>

</html>

【讨论】：

但我想要数组内容和 tr 标签
arr = ["Jill", "Jack".....] 像这样的
let t ="John

Firstname

Jill

Eve

。我试过这个给了我空白数组。
查看我刚刚做的更新，如何解析字符串
不要使用字符串操作来解析 HTML - 这里是 great post - 你的拆分将是一个正则表达式

Firstname
Jill
Eve