javascript - 在 ul 末尾添加两个 li 元素

Question

这是我尝试这样做的jsfiddle ：http: //jsfiddle.net/fxMFh/

我想用jquery在子菜单的末尾添加两个li，但这似乎没有导航到它需要的ul：

$(document).ready(function() {
   $(".navigation_container nav > ul > li > ul").append('<li><a href="#">test</a></li>');
});

这一定是问题所在：

$(".navigation_container nav > ul > li > ul")

我必须在这里做一些非常无聊的事情..

Answer 1

尝试

$(document).ready(function() {
    $(".navigation_container nav > ul > li > div.sub-menu > ul").append('<li><a href="#">test</a></li>');
});

演示：小提琴

但可能我会将选择器缩短为

$(document).ready(function() {
    $(".navigation_container nav div.sub-menu > ul").append('<li><a href="#">test</a></li>');
});

演示：小提琴

Answer 2

三个问题：

1. 小提琴不包括 jQuery。

2. 选择器缺少 div 包装器。它应该是：

   $(".navigation_container nav > ul > li > div > ul")

3. .appendTo()应该.append()

http://jsfiddle.net/ryanbrill/fxMFh/5/