如何根据按下的键搜索​​超链接标记

Question

<div>
   <ul>
      <li><a href="viewprofile.jsp">1. View Profile</a></li>
      <li><a href="chngpass.jsp">2. Change Password</a></li>
      <li><a href="singout.jsp">3. Sign Out</a></li>
   </ul>
</div>

如上面的代码所示，我希望基于按下的数字打开特定的超级链接 如果我按下＆＃39; 1＆＃39;然后超链接应该转到＆＃39; viewprofile.jsp＆＃39;     如果我按下＆＃39; 2＆＃39;然后超链接应该转到＆quot; chngpass.jsp＆＃39;

通过这种方式我想表演，怎么做。

Answer 1

使用JQuery的示例：

$(function() {

  var lnks = $('a').map(function() {
    return this.href; //<-- fetch all hrefs in array
  }).get();

  $(document).on('keypress', function(e) { //<-- detect key press
    var i = e.which - 49; //<-- ascii value of 1 is 49
    if (lnks[i]) //<-- got link
      window.location.href = lnks[i]; //<-- load page
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <ul>
    <li><a href="http://www.geeksforgeeks.org/">1. geeksforgeeks</a>
    </li>
    <li><a href="http://www.w3schools.com">2. w3schools</a>
    </li>
    <li><a href="http://javatutorials.com/">3. javatutorials</a>
    </li>
  </ul>
</div>