如何檢查是否另一個元素中的最後一個元素集中

Question

有沒有找到一個<div>內最後<a>標記的任何jQuery代碼使用鍵盤被聚焦。 I.E.如果<div>內的最後<a>標籤集中，一個Javascript功能已被觸發

<div> 
    <a>1</a> 
    <a>2</a> 
    <a>3</a> 
    <!-- --> 
    <!-- --> 
    <a>n</a> 
<div> 

Answer 1

使用:last-child選擇找到最後一個元素到<div>（在這種情況下，最後錨<a>），還可以使用.focus(<callback>)聽超過任何元素焦點事件：

$('div a:last-child').focus(function(){ 
    //Do whatever 
}); 

Answer 2

只是選擇最後a元素，並添加focus事件偵聽與jQuery

$("div a:last-child").focus(function(e){ 
 
    console.log("last <a> focused"); 
 
    e.preventDefault(); //prevent infinite loop 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <a href="#">a tag</a> 
 
    <a href="#">a tag</a> 
 
    <a href="#">a tag</a> 
 
    <a href="#">a tag</a> 
 
    <a href="#">a tag</a> 
 
</div>