使用javascript获取点击的html链接ID

Question

如何获取点击链接的ID并使用该链接的ID在我的另一个字段中更新。

<div id="menu">
   <ul>
      <li><a href="index.html" id="home">home</a></li>
      <li><a href="Untitled-1.html" id="contact">contact</a></li>
      <li><a href="#" id="portfolio">portfolio</a></li>
      <li><a href="#" id="contact">contact</a></li>
    </ul>
</div> <!--menu-->

点击链接后，我想要更新“ myspan ”字段。

<div id="current-page">
    <span> you are here: </span>
    <span id="myspan">id of current page</span>
</div>

Answer 1

您可以使用.prop（）或this.id来获取所单击锚点的id以及.text（）以根据检索到的id设置span的文本：

$('#menu ul li a').click(function(e) {
    e.preventDefault();
    var id = $(this).prop('id'); // or this.id
    $('#myspan').text(id);
});

小提琴演示