How to check if the last element inside another element is focused

Question

Is there any jQuery code for finding the last <a> tag inside a <div> is focussed using keyboard. IE if the last <a> tag inside a <div> is focussed, a Javascript function has to be triggered

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

Answer 1

just select the last a element and add focus eventlistener with 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> 

Answer 2

Use :last-child selector to find the last element into <div> (in this case the last anchor <a> ) and use also .focus(<callback>) to listen on focus event over any element:

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