2016-11-24 100 views
0

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

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

可以保留最後單擊錨標記中的任何變量,並使用該 –

+3

':last'? https://jsfiddle.net/s9mLgjce/ –

回答

0

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

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

儘管這可能是一個有效的答案,但通過解釋代碼的作用和工作原理,您更有可能幫助其他人。僅有代碼的答案往往會得到較少的積極關注,並沒有其他答案那麼有用。 – Aurora0001

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>

+0

請檢查 - https://jsfiddle.net/s9mLgjce/5/。如果標籤每次顯示時都在div內部,我想要test1裏面的最後一個標籤div – Warrior

+0

@Warrior在你的情況下,使用':last'而不是':last-child'。但是,亞歷克西斯正在回答你關於你的發佈代碼的問題:':最後一個孩子'是完全有效的...... –

+0

@Warrior是的抱歉。 A. Wolff是對的,最後一個孩子依賴於你的html結構。 – Alexis

相關問題