Question

我使用wp_nav_menu在wordpress中有一个动态菜单，但是我想在其中一个列表项中添加一个范围。

我将在静态HTML中演示这一点，以向您展示我想要实现的目标。

我目前有这个......

<li><a href="#">Test</a></li>

...但是想要实现这个......

<li><a href="#">Test<span>(icon)</span></a></li>

无论如何都要动态地执行此操作吗？

提前致谢

Answer 1

我是否正确理解了您希望跨度内有图像图标的示例？如果是这样，您可以使用wordpress生成的类/ ID用于特定的li或锚标记，并使用CSS为其提供右对齐的背景图像。您可能还必须将其设置为具有更宽的宽度以容纳图像。您甚至不需要添加span标记。

以下是修改后的答案，因为我之前的答案并不完全符合您的要求，所以您希望自己想要这样的答案：

<script type="text/javascript">
    jQuery('#menu-item-175 a').append('<span></span>')
</script>

只需将＃menu-item-175更改为您想要附加到的锚点周围的li的正确ID。