jquery - wp nav 菜单在特定 LI 之后添加图像

Question

<div id="menubar">
        <ul id="menu">
            <li><a href="#">HOME</a></li>
            <li><a href="#">ABOUT US</a></li>
            <li><a href="#">EVENTS</a></li>
            <li><a href="#">CLIENTS</a></li>
            <li><a href="#">CAREER</a></li>
            <li class="last-child"><a href="#">CONTACT US</a></li>
        </ul>
    </div><!-- menubar -->

这是我使用 wp_nav_menu 的菜单结构，我可以使用 'link_before' => 在 li 之前或之后添加图像。但我只想要我的 EVENTS li 之后的图像，该怎么做？请帮忙，谢谢。

Answer 1

试试这个......我希望这是你想要的。

​$('#menu li:contains("EVENTS")')​​​​​​.after('<img src="Your img source" alt="ALT tag"/>')​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​;​​​​​

小提琴

Answer 2

WordPress 菜单的特点是，菜单中的每个元素都有一个唯一的 id。因此，只需选择项目“EVENTS”的唯一 ID 并将您的图像应用到它。

使用 chrome 检查元素或 Firebug 获取事件菜单的 id

检查这个小提琴。

在此，我为 EVENTS 放置了一个唯一的 ID menu-item-3，并放置了一个位置正确的背景图像。

希望这会帮助你。