2013-04-20 232 views
1

這裏到底是的jsfiddle,我試圖做到這一點:http://jsfiddle.net/fxMFh/添加兩個li元素到UL

我想添加二里的與jQuery的子菜單的結束,但這似乎是犯規導航到UL它需要:

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

這一定是問題:

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

我必須做一些非常noobish這裏..

回答

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

+0

謝謝你這個工作對我來說,我會在7個mintes接受你的答案 – TooCooL 2013-04-20 00:22:50

+0

另外一個問題,當我這樣做到我的網站它不工作,因爲它在jsfiddle它只添加字符串測試,而不是作爲鏈接和李,可能是什麼原因造成的? – TooCooL 2013-04-20 00:31:24

+0

您可以使用瀏覽器的開發人員工具檢查元素,看看發生了什麼 – 2013-04-20 00:32:43

1

三個問題s:

  1. 小提琴不包括jQuery。

  2. 選擇器缺少div包裝。它應該是:

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

  3. .appendTo()應該.append()

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

+0

@downvoter任何特定的原因 – 2013-04-20 00:35:46

+0

@ArunPJohny StackOverflow可能很奇怪,有時。 :) – ryanbrill 2013-04-20 17:19:50