0

私はこのようなワードプレスのメニューを持っています:-

<div id="my_custom_class">
 <ul class="my_custom_class">
   <li class="page_item"><a href="#">page_item</a>
 <ul class='children'>
    <li class="page_item child"><a href="#">children</a></li>
 </ul>
   </li>
   <li class="current_page_item"><a href="#">current_page</a></li>
   <li class="current_page_item"><a href="#">current_page</a></li>
   <li class="current_page_item"><a href="#">current_page</a></li>
 </ul>
</div>

このメニューは、これを使用すると作成されます:-

<? wp_nav_menu('menu=header'); ?>

liだから私は子供がいるときに必要です、<span></span>このようなタグの前にタグを追加してください

   <div id="my_custom_class">
     <ul class="my_custom_class">
       <li class="page_item"><span></span><a href="#">page_item</a>
     <ul class='sub-menu'>
        <li class="page_item child"><a href="#">children</a></li>
     </ul>
       </li>
       <li class="current_page_item"><a href="#">current_page</a></li>
       <li class="current_page_item"><a href="#">current_page</a></li>
       <li class="current_page_item"><a href="#">current_page</a></li>
     </ul>

</div>

どうやってやるの。jqueryによる

4

3 に答える 3

1

.prepend()を使用

$('ul.my_custom_class li a').closest('li').prepend('<span></span>');

ライブデモ

ライブデモ

$('ul.my_custom_class li:has(ul)').prepend('<span></span>');
于 2013-10-24T16:24:16.750 に答える