jQuery - 避免重复代码并缩短脚本

时间:2015-01-21 09:40:12

标签: javascript jquery

我有以下一行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);
});

1 个答案:

答案 0 :(得分:2)

这应该是它

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