0

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

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 做到这一点

4

4 回答 4

2

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

$(".submenu").parent().append("<span class='arrow'></span>");
于 2013-10-23T04:38:54.490 回答
1

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

但根据您的要求：如果您想向父菜单添加跨度 -

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

Jquery 选择器 .parent() : - 获取当前匹配元素集中每个元素的父元素，可选地由选择器过滤。

这里完整的 jquery .Parent() 文档

第二：

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

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

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

$(".submenu").parent().prepend("<span class='arrow'></span>");
于 2013-10-23T04:58:45.433 回答
0

尝试这个，

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

演示

于 2013-10-23T04:42:43.967 回答
0

如果您想将类与菜单一起添加到 ul 标记，请使用此选项

$(".submenu").parent().parent().append("<span class='arrow'></span>");
于 2013-10-23T04:46:30.997 回答