javascript - 在方法 JQuery 之外使用我的变量

Question

我还在学习，我有一个小问题。

我有三个链接，我想知道我点击了哪个链接。所以，这是我的链接:

<ul id="links">
   <li><a id="map-1" href="#">Mapa 1</a></li>
   <li><a id="map-2" href="#">Mapa 2</a></li>
   <li><a id="map-3" href="#">Mapa 3</a></li>
</ul>

这是我的 JS

var currentLink;

$(document).ready(function(){
   $("#links a").each(function(){
       $(this).on("click", function(e){
          return currentLink= $(this).attr("id");   
          console.log(currentLink); //This works 'cause I know the ID of my current link
       });
   });
}); 
console.log(currentLink); //I lost the value of my link 

有人可以解释一下我错过了什么吗？非常感谢!!

:)

Answer 1

• Your question is not clear but here is what is happening
• You need to tell us what exactly you are looking for

See my comments near each line

/* Variable is defined here*/
var currentLink;

/*document ready, means this executes after your page is loaded and dom is ready*/
$(document).ready(function(){
   $("#links a").each(function(){
       $(this).on("click", function(e){
          return currentLink= $(this).attr("id");   
          console.log(currentLink); /***This is wrong, not sure how it works, after you return something this line is not supposed to be executed.***/
       });
   });
}); 

//This gets executed immediately before document ready is ran, probably first
console.log(currentLink); //YOUR VALUE IS NEVER assigned here while it is executing