如何基于按键搜索超链接标签

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>

如上面的代码所示，我希望顶部打开的超链接是基于按前数的超链接--如果我按下'1‘，那么超链接应该转到'viewprofile.jsp’如果我按'2‘，那么超链接应该转到'chngpass.jsp’。

以这种方式我想要表演，如何去做。

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>

​