如何查找最后< li>< / li>在每个< ul>< / ul> （Front-end，html，css，jquery） [英] How do i find the last <li></li> in every <ul></ul> (Front-end, html, css , jquery)

问题描述

我也有自己的子菜单。

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

Problem: When the page is loaded, the website emits a letter S at the end of every submenu.
How can i remove that letter S at the end of every submenu via JQuery or CSS?

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

This is the current markup when I copy html node in firebug:

<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

This is the jquery that i used to find the last li of every ul

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

请帮助我...

推荐答案

使用此文件

<script type="text/javascript">

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

</script>

这篇关于如何查找最后< li>< / li>在每个< ul>< / ul> （Front-end，html，css，jquery）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！