我如何添加跨度到wordpress中的動態菜單

我有一個使用wp_nav_menu的wordpress動態菜單，但是我想添加一個跨度到其中一個列表項。我如何添加跨度到wordpress中的動態菜單

我將在靜態HTML中展示這一點，向您展示我想實現的目標。

目前，我有這個...

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

...但想實現這個...

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

反正是有動態做到這一點？

在此先感謝

來源

2012-12-02 Adam

看看這個幾乎相同的問題上的Wordpress答案：http://wordpress.stackexchange.com/questions/44956/how-to-apply-a-class-to-the-second-word-in-menu -list-item/44972＃44972 – pixelistik

我是否正確理解的例子，你想要的跨度內的圖像圖標？如果是這樣的話，你可以使用wordpress生成的class/ID作爲特定的li或anchor標籤，並使用CSS對齊背景圖像。您可能還必須將其設置爲具有更寬的寬度以適應圖像。你甚至不需要添加span標籤。

下面是修改後的答案給你想你想，因爲我以前的答案是不完全是你正在尋找：

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

的＃菜單項-175只需更改爲正確的圍繞您要附加的錨的li的ID。

來源

2012-12-02 23:04:35 AndyWarren

謝謝，但我使用圖標字體，並且希望圖標字體隨着懸停上的文本而改變 – Adam

我不完全理解您之後的內容，但我的修改後的答案將添加您的span標籤。請參閱上面的修改答案。 – AndyWarren

我沒有考慮過使用jQuery，但我已經在同一頁面上使用它，並且明確地解決了這個問題。感謝你！ – Adam

我如何添加跨度到wordpress中的動態菜單

回答

相關問題