Question

如何添加具有子元素的ul.menu li的箭头图片的跨度（ul.sub-menu li）。

HTML

<ul class="menu">
    <li><a href="#">hhh</a></li>
    <li><a href="#">hhh</a>
        <ul class="submenu">
            <li><a href="#">kkk</a></li>
            <li><a href="#">kkk</a></li>
            <li><a href="#">kkk</a></li>
        </ul>
    </li>
    <li><a href="#">hhh</a></li>
</ul>

如何通过jquery或css

来做到这一点

Answer 1

这个jQuery代码应该可以工作：

$(".submenu").parent().append("<span class='arrow'></span>");

Answer 2

没有正确的方法可以给你完美的答案，因为你没有提供完整的代码（JS，HTML）。

但是根据您的要求：如果您想在父菜单中添加一个范围 -

首先你需要选择父元素，为此你可以使用.parent() jquery选择器。

Jquery选择器.parent（）： - 获取当前匹配元素集中每个元素的父元素，可选择由选择器进行过滤。

Here complete documentation of jquery .Parent()

第二名：

使用.append() - 将元素添加到所选元素的末尾

$(".submenu").parent().append("<span class='arrow'></span>");

使用.prepend() - 将元素添加到所选元素的开头

$(".submenu").parent().prepend("<span class='arrow'></span>");

Answer 3

试试这个，

$("ul.submenu").closest('li').children('a').append("<span> ▼</span>");

Demo

Answer 4

如果要将类添加到ul标签以及菜单

，请使用此选项

$(".submenu").parent().parent().append("<span class='arrow'></span>");

如何将span添加到父菜单

4 个答案: