jQuery-避免代碼重復並縮短腳本

Question

我有以下jquery行針對菜單中的每個類別項目，並將li移至第一個ul.main_navigation_level_2 。 以下作品有效，但我必須針對每個不同類別將其復制並粘貼10次。

$('li#main_navigation_dept_home_and_furniture_furniture ul.main_navigation_level_2')
  .children('li')
  .appendTo('li#main_navigation_dept_home_and_furniture_furniture ul.main_navigation_level_2:first');

以下是我的嘗試：

$(".main_navigation_level_2").each(function() {
    var menuItem = $(this);
    menuItem.children('li').appendTo(':first-child',this);
});

Answer 1

應該是這樣

$(".main_navigation_level_2").each(function() {
    var menuItem = $(this);
    menuItem.children('li').appendTo(menuItem.first());
});