確定其L1標籤被點擊

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>

如何使用面板來確定使用「面板中的」點擊了哪個裏？

Answer 1

您可以使用e.target來點擊的元素和attr('panel')中訪問$（本），以獲得面板的價值。

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

<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>

Answer 2

您將能夠到的範圍:)