javascript - 如何为href赋值

Question

我有菜单栏，因为我正在使用 href 命令如何为链接添加值并将其传递给下一个表单。

<nav id="nav">
    <ul>
        <li class="current_page_item"><a href="index.php">Home</a></li>
        <li>
            <span>Aptitude</span>
            <ul>
                <a href="#">Technical Questions</a>  // a=5
            </ul>
        </li>
        <li><a href="#">Technical Questions</a></li>
        <li><a href="#">HR Questions</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>
</nav>

如果我点击技术问题链接必须包含一个值为 5 我该怎么做这些.....

Answer 1

您可以添加数据属性

<a href="#" data-value="5">Technical Questions</a>

//When it is clicked


 $("a").click(function(){
    val = $(this).data('value') // would be 5
    }

Answer 2

您可以在此处使用数据属性

<nav id="nav">
    <ul>
        <li class="current_page_item"><a href="index.php">Home</a></li>
        <li>
            <span>Aptitude</span>
            <ul>
                <a href="#" data-elemid="5">Technical Questions</a>  // a=5
            </ul>
        </li>
        <li><a href="#">Technical Questions</a></li>
        <li><a href="#">HR Questions</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>
</nav>

然后在事件处理程序中

$('#nav a').click(function(){
    var id = $(this).data('elemid');
    //do something
})