如何调整导航列表项顺序？现有JS实现不符合预期

你的代码当前仅把Nav01移到了mynav前面，和预期的把mynav放到列表最开头的需求不符，因此出现了错误排序结果。以下是两种直接可行的修改方案：

方案一：将mynav移到第一个导航项之前 #

var country = "NZ"

if(country === 'NZ'){
  var mynav = $('a.nav-menu__item-link.nav-menu__item-link--level-1:contains("mynav")').parent();
  // 找到列表的第一个li元素，把mynav移到它前面
  $('ul').find('li:first').before(mynav);
}

方案二：使用prepend直接将mynav放到列表最前 #

var country = "NZ"

if(country === 'NZ'){
  var mynav = $('a.nav-menu__item-link.nav-menu__item-link--level-1:contains("mynav")').parent();
  // 直接把mynav添加到ul的最开头位置
  $('ul').prepend(mynav);
}

注意事项 #

如果页面存在多个<ul>元素，建议给目标导航列表添加专属class（比如class="nav-menu"），然后用$('ul.nav-menu')精准选择，避免误操作其他列表。

内容的提问来源于stack exchange，提问作者Ceejay