如果它的开始和结束标签位于跨度开始和结束标签之间，则替换 li 标签答案

【问题标题】：Replacing li tag if it's opening and closing tag lies in between span opening and closing tag如果它的开始和结束标签位于跨度开始和结束标签之间，则替换 li 标签
【发布时间】：2016-02-12 13:08:44
【问题描述】：

我有一个由 span 开始和结束标记组成的输入，如果 li 开始和结束标记位于中间，我想用一些东西替换 li 标记。我试过为它写正则表达式，你们可以在这里查看： https://regex101.com/r/vI1sY8/1 但它也替换了位于 span 标签之外的 li 标签。

我的输入示例：

  lol <span style="background-color:limegreen;"> <br /> <li> this </li>  
  </span> <br /> this is something <li"> This is new </li>

我的输出应该是：

  lol <span style="background-color:limegreen;"> <br /> <li style="background-color:limegreen;"> this </li>  
  </span> <br /> this is something <li"> This is new </li>

【问题讨论】：

$('span li').css('background-color','limegreen'); 或 $('span li').attr('style','background-color:limegreen;');
如果他想更改html本身，JS如何帮助他？
你应该使用 DOM 解析器来完成这样的任务，正则表达式在解析 HTML 时是出了名的不可靠。另外，请注意，HTML 中不允许在 <span> 中使用 <li> 标记。
@GeraldSchneider：不确定是否适用于所有 HTML 版本。

标签： php html regex

【解决方案1】：

这个正则表达式对我有用。只需将第二个子组 ($2) 与任何东西交换即可。例如：

$html = 'lol <span style="background-color:limegreen;"> <br /> <li> this </li>  </span> <br /> this is something <li"> This is new </li>';
$html = preg_replace('/(<span.+>.+)(<li>)(.+<\/li>.+<\/span>)/', '$1 replacement $3', $html);

结果：

lol <span style="background-color:limegreen;"> <br />  replacement  this </li>  </span> <br /> this is something <li"> This is new </li>

将替换更改为您需要的任何内容。

【讨论】：

< 和 > 不是特殊字符，您不需要转义它们。如果你想转义一个字符，一个反斜杠就足够了。
@CasimiretHippolyte 你是对的。更新了我的答案。
奖励：如果您想避免转义斜线，请选择其他模式分隔符，例如 ~。
谢谢，使用反斜杠只是 JS 正则表达式的一种习惯
@RonDadon 如果我想提出一个例外，即在开始和结束 span 标签之间没有另一个 span style="background-color:limegreen;"> ，会发生吗？