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：

设置范围的文本

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

<强> Fiddle Demo

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

1 个答案: