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'=＆gt;在li之前或之后添加图像。但我只想在我的活动之后找到一张图片，怎么做？请帮忙，谢谢。

Answer 1

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

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

FIDDLE

Answer 2

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

使用chrome inspect element或Firebug获取“事件”菜单的id

CHECK THIS FIDDLE。

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

希望这会对你有所帮助。

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

2 个答案: