2016-11-24 15 views
0

<div>内の最後の<a>タグを見つけるためのjQueryコードは、キーボードを使用してフォーカスされていますか? I. <div>内部の最後の<a>タグがフォーカスされている場合、JavaScript関数が(この場合、最後のアンカー<a><div>への最後の要素を見つけて聴くことも.focus(<callback>)を使用する他の要素の最後の要素がフォーカスされているかどうかをチェックする方法

<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:last-child').focus(function(){ 
    //Do whatever 
}); 
+1

これは有効な回答かもしれませんが、コードが何をし、どのように機能するのかを説明することによって、他の人を助ける可能性は非常に高いです。コードのみの回答は、それほど肯定的な注意を払わず、他の回答ほど有用ではありません。 – Aurora0001

2

ちょうど最後のaの要素を選択するとjQuery

focusのEventListenerを追加します。任意の要素の上にフォーカスイベントに3210

$("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が表示されるたびにdiv内にある場合、最後のタグをtest1 div内に入れます。 – Warrior

+0

@Warriorあなたの場合、 ':last'は':last-child'ではなく ':last'を使用します。しかし、alexisはあなたの投稿コードに関して、 ':last-child'が完全に有効であることに答えていました... –

+0

@Warriorはいごめんなさい。 A. Wolffはあなたのhtml構造に左右されます。 – Alexis

関連する問題