php - 如何在 wordpress 中向动态菜单添加跨度

Question

我在 wordpress 中有一个动态菜单wp_nav_menu，但是我想在其中一个列表项中添加一个跨度。

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

我目前有这个...

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

...但想实现这一目标...

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

反正有动态地做到这一点吗？

提前致谢

Answer 1

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

这是修改后的答案，可以满足您的需求，因为我之前的答案并不是您想要的：

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

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