确定单击了哪个li标签

Question

我有这个脚本：

(function() {
   'use strict';

   $("#mynav").click(function() {        

   }) 
})();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<header id="mynav">
  <nav>
    <ul>
      <li><a href="#" panel="m1">m1</a>
      </li>
      <li><a href="#" panel="m2">m2</a>
      </li>
      <li><a href="#" panel="m3">m3</a>
      </li>
      <li><a href="#" panel="m4">m4</a>
      </li>          
    </ul>
  </nav>
</header>

如何使用面板确定使用“面板”点击了哪个li？

Answer 1

您将能够在该范围内访问$（this）：）

Answer 2

您可以使用e.target点击元素，使用attr('panel')获取面板值。

＆＃13;

＆＃13;

$("#mynav").click(function(e) {
    alert($(e.target).attr('panel'))  
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<header id="mynav">
  <nav>
    <ul>
      <li><a href="#" panel="m1">m1</a></li>
      <li><a href="#" panel="m2">m2</a></li>
      <li><a href="#" panel="m3">m3</a></li>
      <li><a href="#" panel="m4">m4</a></li>          
    </ul>
  </nav>
</header>

＆＃13;

＆＃13;

＆＃13;