フォーカスの子要素の親要素にフォーカスを追加

Question

フォーカスが<li>の子要素にある場合、親<ul>を強調表示しようとしています。私はこれを達成するためにjQueryを使用していますが、フォーカスは移されません。

HTML：

ul class="nav @if (Request.Browser.IsMobileDevice){@Html.Raw("nav-pills")}else{@Html.Raw("nav-pills")}"> 
      <li class="dropdown" style="cursor:pointer" id="accessFunction"> 
    <a style="color: lightgray; text-shadow: 1px 1px 1px #111; webkit-text-shadow: 1px 1px 1px #111;font-size:18px;background-color:transparent;padding-right:5px" class="dropdown-toggle subTabAction" data-toggle="dropdown" id="dropAccess" > 

のjQuery：

$('#dropAccess').focus() 
$(this).find('#accessFunction').focus(); 

これは<li>タグによってトリガーされるアクセスドロップダウンメニューを見つけるために、視覚的QUESを必要とキーボードのみのユーザーに対応するために行われています。

フィドル： https://jsfiddle.net/progSrCa/d3au7k9c/

更新：

私は、問題は 'UL' と '李' の関係にあることに気づいた、と私はそれに応じて更新されています。

Answer 1

他の入力のフォーカスから、または指定したdivをクリックして、フォーカスをトリガーできます。これは必須のjQueryコードです。完全な例のためにセイフィドル。

$("#otherInput").focus(function() { 
    $("#target").focus(); 
}); 

$("#plainDiv").click(function() { 
    $("#target").focus(); 
}); 

フィドル：https://jsfiddle.net/q0m4hff9/

Answer 2

あなたはリスト要素（LI）を注力しようとしています。私は、HTML Select、テキストエリア、入力、ボタン、およびタグに集中できると信じています。追加する要素にtabindex属性を追加することで、フォーカスを強制的に試すことができます。フォーカスハンドラをトリガすることでjqueryでトリックを行うことはできますが、イベントはトリガできません。

$('#accessFunction').triggerHandler("focus"); 

Fiddle