javascript - ul の末尾に 2 つの li 要素を追加する

Question

これが私がこれをやろうとしたjsfiddleです: http://jsfiddle.net/fxMFh/

jqueryを使用してサブメニューの最後に2つの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

3 つの問題:

1. フィドルにはjQueryは含まれていません。

2. セレクターに div ラッパーがありません。そのはず：

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

3. .appendTo()する必要があります.append()

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