动态链接到ul树的下一个同级

dynamically href link to next sibling on ul tree

本文关键字:下一个 链接 ul 动态      更新时间:2023-09-26

我使用Javascript,但不是Jquery或其他框架。我宁愿减肥,因为程序中只有几个功能。我正在尝试的东西有点像这个家伙:得到下一个href列表在另一个文件与jQuery?

我将有一个单独的HTML页面的负载,但他们将被链接到他们的兄弟姐妹。我基本上是在寻找一个动态的方式来做上一个和下一个链接为每个页面,链接到他们的兄弟姐妹。

例如:

<ul><li>1
    <ul><li>a</li>
        <li>b</li></ul></li>
    <li>2
    <ul><li>c</li>
        <li>d</li></ul></li>
<ul>

如果我在b页,下一个按钮会把我带到c页,如果我在c页,同样的按钮会把我带到d,等等

我应该能够生成下一页的href使用这个页面的东西:如何在jQuery的ul列表中获得li的第一个href链接例如

var url = $("ul a:eq(0)").attr("href");

但是我怎样才能在

分析问题:

  1. 分析你在什么页面上(可能使用窗口)。位置对象)
  2. 在菜单
  3. 中找到该节点
  4. 查找下一个和上一个节点
  5. 生成链接