WP将徽标添加到菜单中心忽略子菜单？

Question

使用以下jQuery形式的另一篇文章我可以在wordpress菜单的中间动态地居中放置一个徽标，但是当我向主导航添加一个子菜单时，徽标消失。我将如何重写这个以打折任何子菜单？

JQuery的：

var position = $("ul#main_nav li").length-2; 
         var i = 0; 
         $('ul#main_nav li').each(function() { 
          if(i == position/2) { 
          $(this).after('<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Logo" class="logo-img">'); 
          } 
          i++; 
         }); 

HTML：

<ul id="#main_nav"> 
    <li>ITEM1</li> 
    <li>ITEM2 
     <ul class="sub-menu"> 
      <li>SUB-ITEM1</li> 
      <li>SUB-ITEM2</li> 
      <li>SUB-ITEM3</li> 
     </ul> 
    </li> 
    <li>ITEM3</li> 
    <li>ITEM4</li> 
    <li>ITEM5</li> 
    <li>ITEM6</li> 
</ul> 

Answer 1

var position = $("ul#main_nav > li").length-2; 
        var i = 0; 
        $('ul#main_nav li').each(function() { 
         if(i == position/2) { 
         $(this).after('<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Logo" class="logo-img">'); 
         } 
         i++; 
        }); 
    /* Try this */ 

Answer 2

万一其他人遇到这个问题，这里的修复..

var position = $("ul#main_nav li.menu-item-object-page").length-2; 
var i = 0; 
    $('ul#main_nav li.menu-item-object-page).each(function() { 
     if(i == position/2) { 
     $(this).after('<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Logo" class="logo-img">'); 
    } 
i++; 
}); 

WordPress的给顶级导航列表项目类别.menu-item-object-page，但不适用于子菜单项，所以通过更具体地了解什么elemnets目标我已经得到了我想要的结果。