Question

我正在尝试将html标记添加到具有特定类的无序列表中。

这将是以以下内容开头的HTML：

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>    
<ul class="foo">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

最后，我想结束

：

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>    
<ul class="foo">
  <li><svg class="icon"><use xlink:href="#foo"></use></svg>Item 1</li>
  <li><svg class="icon"><use xlink:href="#foo"></use></svg>Item 2</li>
  <li><svg class="icon"><use xlink:href="#foo"></use></svg>Item 3</li>
</ul>

我还没有找到可用于运行preg_replace（）使其能够正常工作的正则表达式。

内容是使用Wordpress创建的。我想使用过滤器来扫描the_content并添加额外的标记。以这种方式：

function foo_ul($text) {
    //some function
    return $text;
}
add_filter('the_content', 'foo_ul');

我不想依赖Javascript / jQuery，因此希望在服务器端生成。

有什么想法吗？

Answer 1

使用正则表达式匹配HTML效果不佳，如question所示。但是，如果您的字符串是您在OP中显示的字符串，则可以使用此正则表达式模式选择<li></li>之间的每个字符串，然后向其中添加目标字符串。

$newHtml = preg_replace("/(?<=<li>)(.*)(?=<\/li>)/", '<svg class="icon"><use xlink:href="#foo"></use></svg>$1', $html);

在demo中查看结果

更新：如果您有多个ul并且只想匹配.foo，请使用此代码

$newHtml = preg_replace_callback("/(?<=<ul\sclass=\"foo\">).*?(?=<\/ul>)/s", function($ma){
    return preg_replace("/(?<=<li>)(.*)(?=<\/li>)/", '<svg class="icon"><use xlink:href="#foo"></use></svg>$1', $ma[0]);
}, $html);

在demo中查看结果

替换嵌套在某些类中的列表项

1 个答案: