如何在每个 <ul></ul> 中找到最后一个 <li></li>（前端、html、css、jquery）答案

【问题标题】：How do i find the last <li></li> in every <ul></ul> (Front-end, html, css , jquery)如何在每个 <ul></ul> 中找到最后一个 <li></li>（前端、html、css、jquery）
【发布时间】：2014-08-26 12:32:04
【问题描述】：

我也有一个带有自己子菜单的菜单。

问题：当页面加载时，网站在每个子菜单的末尾发出一个字母 S。
如何通过 JQuery 或 CSS删除每个子菜单末尾的 字母 S？

这是我在 firebug 中复制 html 节点时的当前标记：

<nav class="shopMenuHover">
    <div id="bx_incl_area_5_1"> 
        <ul> 
            <li class=""><a href="#" class="firstLevel"><font><font>Main Menu 1</font></font></a>
            <div class="shopSubmenuHover" style=""><h2><a href="#"><font><font>Sub Menu 1</font></font></a></h2>
                <ul> 
                    <li>
                        <a href=""><font><font>Sub Menu &gt; Sub Menu</font></font></a>
                    </li>

                    <li><a href="">Sub Menu &gt; Sub Menu</a> s</li>
                </ul>
            </div>
        </li>


        <li class="firstLevel hasSubmenu instrumentarium-en-fresen">
        <a href="#" class="firstLevel"><font><font class="">Main Menu 2</font></font></a>

        <div class="shopSubmenuHover" style=""><h2><a href=""><font><font class="">Sub Menu 2</font></font></a></h2>
            <ul>
                <li><a href=""><font><font>Sub Menu &gt; Sub Menu</font></font></a></li>
                <li><a href="">Sub Menu &gt; Sub Menu</a> s</li>
            </ul>

        </div>
        </li>

            <li style="display:none " class="firstLevel hasSubmenu emptySubmenu outlet">
                                        <a href="#" class="firstLevel">Outlet<</a>

            </li>
        </ul>
    </div>
</nav>

这是我用来查找每个 ul 的最后一个 li 的 jquery

<script type="text/javascript">
  $(document).ready(function() {
     $('.shopMenuHover ul li:last-child').css( "border", "1px solid" );
  });
</script>

请帮帮我...

【问题讨论】：

最好找出这个s的来源，而不是在它出现后删除它。
这应该在服务器端修复 - 问题（额外的 s 字母）所在的位置。
发布生成菜单的代码，该代码中可能有一个 s 浮动导致问题。
另外，<font><font>...</font></font> 的那些人是怎么回事？
向我们展示生成菜单的服务器端脚本

标签： javascript jquery html css frontend

【解决方案1】：

用这个

<script type="text/javascript">

  $(document).ready(function() {
     $('.shopMenuHover ul li:last-child').contents(':not(a)').remove();
  });

</script>

【讨论】：

解释下投票者（我没有对这个答案投票，nota bene），这可能是因为这个问题应该在服务器端解决——不受欢迎的s 来自哪里。
你需要共享服务器端脚本。
海报必须这样做，是的，正如他在 cmets 中被要求做的那样。