如果有子菜单，请用span标签替换锚标签

Question

我需要用跨度标签替换项目其子菜单具有类dropdown-menu的锚标签。以下是我的菜单，我想在其中将<li><a href="https://kenovoeesti.ee/products/">Products</a>替换为<li><span href="https://kenovoeesti.ee/products/">Products</span>

<ul id="main-menu">
<li><a href="https://kenovoeesti.ee/en/">Home</a></li>
<li><a href="https://kenovoeesti.ee/about-us/">About us</a></li>
<li><a href="https://kenovoeesti.ee/products/">Products</a>
<ul class="dropdown-menu">
<li><a href="https://kenovoeesti.ee/products/?c=01-hooks">Hooks</a></li>
<li><a href="https://kenovoeesti.ee/products/?c=02-tracks">Tracks</a></l>
...

以前我使用此脚本：

if($(window).width() <= 939){
     $('#main-menu li:has(.dropdown-menu) > a').replaceWith(function() {
return '<span>' + $(this).text() + '</span>'
 });
}

这做得很好。但在将mmenu plugin（我在该网站上使用的移动菜单插件）升级到版本8后，它不再起作用。我不知道为什么，...？请使用开发人员工具检查this site。

Answer 1

您能尝试一下吗：

$('#main-menu li:has(.dropdown-menu) > a').each(function(e){
$(this).contents().unwrap().wrap("<span></span>")
})