jquery 如何 按 特定 顺序 显示 下拉 链接 ?

huwehgph  于 2022-11-22  发布在  jQuery
关注(0)|答案(2)|浏览(131)

我想按特定顺序显示下拉链接。现在的顺序是-

  • 链接1
  • 链接3
  • 链接2

HTML程式码-

<ul class="navbar-nav">
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"></a>
      <ul class="dropdown-menu">
         <li><a class="dropdown-item" href="#">Link 1</a></li>
         <li><a class="dropdown-item" href="#">Link 3</a></li>
       </ul>
  </li>
</ul>

Javascript程式码-

if (role == "admin") {
  $(".dropdown-menu").append('<li>'+
  '<a class="dropdown-item" href="#">Link 2</a>'+
   '</li>');
}

有人能告诉我如何按以下顺序显示链接吗?

  • 链接1
  • 链接2
  • 链接3
uemypmqf

uemypmqf1#

尝试在附加之后获取a标记的textContent,并使用textContents.sort()对其进行排序,然后迭代排序后的textContents并将锚标记值更新回来。
第一个

ukdjmx9f

ukdjmx9f2#

if (role == "admin") {
  $(".dropdown-menu :first").after('<li>'+
  '<a class="dropdown-item" href="#">Link 2</a>'+
   '</li>');
}

相关问题