0

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 の値が含まれている必要があります。どうすればよいですか.....

4

2 に答える 2

1

データ属性を追加できます

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

//When it is clicked


 $("a").click(function(){
    val = $(this).data('value') // would be 5
    }
于 2013-08-11T11:55:03.207 に答える
0

ここでデータ属性を使用できます

<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
})
于 2013-08-11T11:51:52.383 に答える