在ul的末尾添加两个li元素

时间:2013-04-20 00:15:07

标签: javascript jquery

这是我尝试执行此操作的 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")

我必须在这里做一些非常 noobish 的事情。

2 个答案:

答案 0 :(得分:1)

尝试

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

演示:Fiddle

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

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

演示:Fiddle

答案 1 :(得分:1)

三个问题:

  1. 小提琴不包括jQuery。

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

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

  3. .appendTo()应为.append()

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