删除 HTML 标记的内联样式元素

Question

我想在我的WordPress菜单中添加一个小的菜单悬停动画：

https://www.littlesnippets.net/blog/some-css-menu-inspiration-using-animated-lines

不知何故，我的Wordpress主题(Avada(将内联html样式写入标签：

<ul id="menu-menu" class="fusion-menu">
<li ><a href="#Home" data-hover="Home" **style="overflow: hidden; height: 100px;**"><span class="menu- 
text">Home</span></a></li>
<li ><a href="#Events" data-hover="Events" **style="overflow: hidden; height: 100px;**"><span 
class="menu-text">Events</span></a></li>
</ul>

。

我将这段代码添加到我的函数中.php：

add_filter( 'the_content', 'the_content_filter', 20 );
function the_content_filter( $content ) {
$content = preg_replace('#<a.*?>(.*?)</a>#i', '<a>1</a>', $content);
return $content;
}

但这删除了我页面上太多的样式元素。如何调整功能，仅删除类 .fusion-menu 中的内联样式标签？

感谢您的帮助！

Answer 1

$('ul#menu-menu li').attr('style', function(i, style)
{
return style && style.replace(/display[^;]+;?/g, '');
});

请用上面的代码检查，它会用jQuery删除

Answer 2

我已经尝试过使用 jQuery，但这不起作用，因为我认为该函数必须准确指向标签。

内联样式来自融合构建器模板，但我不知道这个函数所在的 php 文件中的确切含义。

我最喜欢的方法是当有人可以使用选择器类 .fusion-menu 中所有元素的目标preg_replace完成我的函数时

谢谢。。。