JQuery, чтобы скопировать первую ссылку на второй UL, а затем изменить класс первой ссылки ⇐ Jquery

[Anonymous]

Короткий вопрос:
http://jsfiddle.net/wf4fh/2/
Я хочу, чтобы Page1 была прямо над Page2 и Page10 выше страницы 20, прежде чем я изменю классы. This should work for any number of elements.
The code provided gives an

Uncaught TypeError: Object # has no method 'append'

Long question:
I'm having problem finding the correct way to insert an li element based on первая ссылка. Проблема в том, что я не могу использовать идентификаторы на своей разметке, поэтому мне нужно «пройти» каждый класс и проверить имена. Я мог бы просто сделать это намного сложнее, чем это потому, что мои первые два решения не работали так, как я думал.

• Start
• page1
  
  
  page2

[*]
page10

• page20
• page30

< /code>
javascript < /p>
//Copy first link to child ul li
var pageLinks = $("li.has-child > a:first-child");
if (pageLinks != null) {
//var dropdownMenus = $("li.dropdown > a:first-child");
for (var i = 0; i < pageLinks.length; i++) {
for (var x = 0; x < pageLinks.length; x++) {
if (pageLinks.innerHTML === pageLinks[x].innerHTML) {
pageLinks[x].childNodes.append(pageLinks);
}
}
}
}

//Change css classes
$("li.has-child").attr('class', 'dropdown');
$(".dropdown ul").addClass("dropdown-menu");
$(".dropdown a").attr("href", "#").addClass("dropdown-toggle").attr('data-toggle', 'dropdown');
< /code>
Я хочу, чтобы Page1 был прямо над Page2 и Page10 выше страницы 20, прежде чем я изменю классы. Это должно работать для любого количества элементов. < /P>
Когда они скопированы в внутренний UL I изменяют элемент меню верхнего уровня на другой класс, чтобы работать в виде кликабельного выпадающего мужчины. /> < /blockquote>
Это навигация CMS, я не могу изменить разметку. < /p>

Подробнее здесь: https://stackoverflow.com/questions/178 ... first-link