Question

我正在寻找一些帮助，尝试使用JavaScript从URL中检索ID。我有一个主菜单系统，看起来像这样

<section id="menu">
 <ul id="main">
  <li id="first"><a href="index.html">Home</a></li>
  <li><a href="Tables.html">League Tables</a><span class="darrow">&#9660;</span>
  <ul class="sub1">
    <li><a href="Tables.html?id=DivP">Premier Division</a></li>
    <li><a href="Tables.html?id=Div1">Division 1</a></li>
    <li><a href="Tables.html?id=Div2A">Division 2A</a></li>
    <li><a href="Tables.html?id=Div2B">Division 2B</a></li>
    <li><a href="Tables.html?id=Div2C">Division 2C</a></li>
    <li><a href="Tables.html?id=Div2D">Division 2D</a></li>
  </ul>
  </li>
 <li><a href="Fixtures.html">Fixtures/Results</a></li>                  
 <li><a href="ClubContacts.html">Club Contacts</a></li>
 <li><a href="TalkinBaws.html">Talkin' Baws</a></li>
 <li><a href="ContactUs.html">Contact Us</a></li>
</ul>
</section>

在表格页面中，我已经使用document.ready()运行了一些JavaScript（最后添加了代码），<ul> <li><a href="#" id='showDivP'>Premier Division</a></li> <li><a href="#" id='showDiv1'>Division 1</a></li> <li><a href="#" id='showDiv2A'>Division 2A</a></li> <li><a href="#" id='showDiv2B'>Division 2B</a></li> <li><a href="#" id='showDiv2C'>Division 2C</a></li> <li><a href="#" id='showDiv2D'>Division 2D</a></li> </ul>隐藏了1 - 2D中的所有分区，仅显示了首要版本。在表格页面上，我添加了第二个菜单列表，根据用户选择使用ID和来自JavaScript的.hide（）/。show（）来显示和隐藏分部

.click()

此列表使用a href="Tables.html?id=Div2B"，但我遇到的问题是我希望页面根据主菜单中的选择加载所需的分区。

例如，如果用户在主页上并尝试通过主菜单直接转到Division 2B，我想知道如何从URL（$("document").ready(function() { $('#DivP').show(); $('#Div1').hide(); $('#Div2A').hide(); $('#Div2B').hide(); $('#Div2C').hide(); $('#Div2D').hide(); $('#showDivP').click(function() { $('#DivP').show(); $('#Div1').hide(); $('#Div2A').hide(); $('#Div2B').hide(); $('#Div2C').hide(); $('#Div2D').hide(); }); $('#showDiv1').click(function() { $('#DivP').hide(); $('#Div1').show(); $('#Div2A').hide(); $('#Div2B').hide(); $('#Div2C').hide(); $('#Div2D').hide(); }); $('#showDiv2A').click(function() { $('#DivP').hide(); $('#Div1').hide(); $('#Div2A').show(); $('#Div2B').hide(); $('#Div2C').hide(); $('#Div2D').hide(); }); $('#showDiv2B').click(function() { $('#DivP').hide(); $('#Div1').hide(); $('#Div2A').hide(); $('#Div2B').show(); $('#Div2C').hide(); $('#Div2D').hide(); }); $('#showDiv2C').click(function() { $('#DivP').hide(); $('#Div1').hide(); $('#Div2A').hide(); $('#Div2B').hide(); $('#Div2C').show(); $('#Div2D').hide(); }); $('#showDiv2D').click(function() { $('#DivP').hide(); $('#Div1').hide(); $('#Div2A').hide(); $('#Div2B').hide(); $('#Div2C').hide(); $('#Div2D').show(); }); });）中的锚标记中获取ID为了在加载页面时显示正确的除法。

这是我已经使用的JavaScript：

NSUserDefault

我很抱歉，如果这是一个重复的问题，但我还没有找到一个我能理解和使用的确定答案。

感谢您的帮助

Answer 1

获取被点击的锚点的id属性...

$('a').on('click', function(){
    var id = $(this).attr('id');
    console.log(id);
});

从href属性中获取id ...

$('a').on('click', function(){
    var href = $(this).attr('href');
    var id = href.split('id=')[1];
    console.log(id);
});

Answer 2

要获取GET中网址的jquery参数，您可以使用以下功能：

在此博客上发现：here，此问题：Get url parameter jquery Or How to Get Query String Values In js。

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

这就是你如何在你的情况下使用这个功能，
Tables.html?id=Div2B。

var id = getUrlParameter('id');

在javascript中从URL检索ID参数

2 个答案: