javascript - 使用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 获取您点击的 anchor 的 id 以及 .text() 根据检索到的 id 设置范围的文本:

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

<强> Fiddle Demo