jquery - 当使用 jquery 单击 anchor 标记时，如何将 anchor 标记的 ID 打印到控制台？

Question

是否需要使用按钮而不是 anchor 标记来执行此操作？我尝试了一个函数，但我对 jquery 比较陌生，并且在解决这个问题方面没有取得太大进展。

<nav>
<a href="#" id="home" class="test" onclick="addClickListener()">HOME</a>
<a href="#" id="about" class="test" onclick="addClickListener()" >  ABOUT</a>
<a href="#" id="services" class="test" onclick="addClickListener()">SERVICES</a>
<a href="#" id="photos" class="test" onclick="addClickListener()">PHOTOS</a>
<a href="#" id="rentals" class="test" onclick="addClickListener()">RENTALS</a>
</nav>

JQUERY:

function addClickListener(){
$("a").click(function(e) {
    console.log("click " + e.currentTarget.id);
});}

我是否需要将其存储在变量中，然后使用单独的函数来记录该变量？我花了一个小时研究类似的问题，这些问题看起来很简单。

Answer 1

您可以使用以下任何代码。不要在函数调用中编写单击事件。

<nav>
<a href="#" id="home" class="test" onclick="addClickListener()">HOME</a>
<a href="#" id="about" class="test" onclick="addClickListener()" >  ABOUT</a>
<a href="#" id="services" class="test" onclick="addClickListener()">SERVICES</a>
<a href="#" id="photos" class="test" onclick="addClickListener()">PHOTOS</a>
<a href="#" id="rentals" class="test" onclick="addClickListener()">RENTALS</a>
</nav>

function addClickListener(){
    console.log("click " + this.id);
}


OR




<nav>
<a href="#" id="home" class="test" >HOME</a>
<a href="#" id="about" class="test"  >  ABOUT</a>
<a href="#" id="services" class="test" >SERVICES</a>
<a href="#" id="photos" class="test" >PHOTOS</a>
<a href="#" id="rentals" class="test" >RENTALS</a>
</nav>

$("a").click(function(e) {
    console.log("click " + this.id);
});