如何使用javascript查找當前頁面 <ul> 樹

Question

我正在嘗試使用javascript創建動態的下一個和上一個按鈕。 我被困在嘗試創建一個變量來描述相對於ul樹的當前頁面。

我看過

    window.location;

但是，在返回完整的URL之后，我被困在將字符串簡化為x.html的位置，然后在li鏈接中找到它。

在我的ul樹中找到li鏈接之后，我可以像下面的小提琴一樣使用子對象生成下一個和上一個鏈接： http : //jsfiddle.net/JyfS2/

示例代碼-如果我在頁面b上，請找到此頁面，然后將PREV鏈接鏈接到a.html，將NEXT鏈接到c.html

<ul>
    <li id="1"><a href="a.html">a</a></li>
    <li id="2"><a href="b.html/">b</a></li>
    <li id="3"><a href="c.html">c</a></li>
     </ul>
<div>
<a id="next" href="">next</a>
<a id="prev" href="">prev</a>
</div>

我一直在使用一些JS-因此，我想用描述當前頁面的變量替換$（'li＃2'）：

    <script>
        var next_url = $('li#2').next()[0].firstChild.href;
        var prev_url = $('li#2').prev()[0].firstChild.href;
        var loc = window.location;
        alert(loc);
        document.getElementById('next').href = next_url;
        document.getElementById('prev').href = prev_url;

</script>

Answer 1

這將從URL中找到頁面：

var url = 'http://www.test.com/index.html'

var split = url.split('/');
var page = split[split.length-1];

alert(page);