ボタンを押すとフォーカスが移動する

Question

ノートボタンを押した後、現在のページからノートセクションにフォーカスを移動しようとしています。これは私が試したことです

$('#[% QuestionName() %]').focus(function() { 

}); 

$(document).ready(function(){ 

    $("#note-button").click(function() { 
     $("[id$='note']").focus(); 
    } 
}); 
$('#[% QuestionName() %]').blur(function(){ 
}); 

しかし、それは動作していません、私はノートセクションに移動するフォーカスを得ることができません。私は使用しようとしていた

if $("#note-button").click(function() { 

しかし、それはエラーメッセージを与えていました。ボタンのIDをクリック機能にアタッチしようとしましたが、正しい方法で操作しているかどうかはわかりません。 $("[id$='note']")セレクタ自体は、他のコンテキストで正常に使用されているため、動作するはずです。私のコードで何が問題になるのでしょうか？ifを使う以外にこれについて別の方法がありますか？

Answer 1

これは役に立ちますか？ のdiv

const shiftFocus =() => { 
 
\t const thing3 = document.querySelectorAll('div')[2]; 
 
    thing3.focus(); 
 
}

button{ 
 
    padding: 6px; 
 
    border-radius: 4px; 
 
    border: 1px solid #d5d5d5; 
 
    margin: .2em 0; 
 
    background-color: #fefefe; 
 
}

<button onclick='shiftFocus()'>Click me</button> 
 
<br /> 
 
<div type='text' tabindex="0"> 
 
div 1 
 
</div> <br /> 
 
<div type='text' tabindex="0"> 
 
div 2 
 
</div> <br /> 
 
<div type='text' tabindex="0"> 
 
div 3 
 
</div>