Javascript 将ul的边框颜色更改为“兄弟”；a「；背景色

我正在创建一个包含嵌套子菜单的菜单。每个ancor标记具有不同的背景色。 我希望每个嵌套ul的底边颜色与特定组“li”中ancor标记的背景颜色相同

我似乎已经完成了一半，但现在所有嵌套的ul都从第一个ancor标签的背景色获得了相同的边框颜色。我不知道我会错在哪里

<nav id="nav-main">
    <ul>
        <li><a href="">Spa Menu</a>
            <ul>
                <li><a href="">Packages</a></li>
                <li><a href="">Touch Therapy</a></li>
                <li><a href="">Hands & Feet</a></li>
                <li><a href="">Grooming</a></li>
                <li><a href="">Specialised Treatments</a></li>
            </ul>
        </li>
        <li><a href="">Bookings</a>
            <ul>
                <li><a href="">Packages</a></li>
                <li><a href="">Touch Therapy</a></li>
                <li><a href="">Hands & Feet</a></li>
                <li><a href="">Grooming</a></li>
                <li><a href="">Specialised Treatments</a></li>
            </ul>
        </li>
        <li><a href="">Vouchers</a></li>
        <li><a href="">Gallery</a></li>
    </ul>
</nav><!-- END #nav-main -->

还有js让它工作起来

jQuery(document).ready(function($){
    'use strict';

    var child = $('#nav-main ul >li >ul');

    child.css({
        'border-color': child.siblings('a').css('background-color')
    });
});

试试这个：

$('#nav-main ul > li > ul').each(function() {
   $(this).css('border-color', $(this).prev('a').css('background-color'));
});

老实说，它看起来很乱。

试试这个：

$('#nav-main ul > li > ul').each(function() {
   $(this).css('border-color', $(this).prev('a').css('background-color'));
});

老实说，它看起来很乱。

试试这个：

$('#nav-main ul > li > ul').each(function() {
   $(this).css('border-color', $(this).prev('a').css('background-color'));
});

老实说，它看起来很乱。

试试这个：

$('#nav-main ul > li > ul').each(function() {
   $(this).css('border-color', $(this).prev('a').css('background-color'));
});

---

老实说，它看起来很凌乱。

在布鲁诺扎克创作一个没有建设性的小提琴，通常也没有necessary@Popnoodles在这种情况下，这将是有帮助的…所以如果你要发布一个答案，你会创建一个。是的，我同意，但创建它并将链接作为评论发布，或者编辑文章并添加到那里是有建设性的。仅仅评论“创建一把小提琴”并没有那么多。在brunozrk创建一把小提琴，它不是建设性的，而且通常不是necessary@Popnoodles在这种情况下，这将是有益的…因此，如果你要发布一个答案，你会创建一个。是的，我同意，但创建它并将链接作为评论发布，或编辑文章并添加它是有建设性的。仅仅评论“创建一把小提琴”并没有那么多。在brunozrk创建一把小提琴，它不是建设性的，而且通常不是necessary@Popnoodles在这种情况下，这将是有益的…因此，如果你要发布一个答案，你会创建一个。是的，我同意，但创建它并将链接作为评论发布，或编辑文章并添加它是有建设性的。仅仅评论“创建一把小提琴”并没有那么多。在brunozrk创建一把小提琴，它不是建设性的，而且通常不是necessary@Popnoodles在这种情况下，这将是有益的…因此，如果你要发布一个答案，你会创建一个。是的，我同意，但创建它并将链接作为评论发布，或编辑文章并添加它是有建设性的。仅仅评论“创造一把小提琴”并没有那么多。