如何為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

您可以在此處使用data屬性

<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
})