div間をタブする方法は？

Question

div間をタブする方法は？私はdivの間でパネルの選択オプションとして使用するタブをしようとしています。特定のdivパネルにタブを付けると、その枠線がアクティブになります。ブラウザレベルでは動作しません。ここで私はこれまで試したんだよ...

<script type="text/javascript"> 
     $(document).ready(function() 
     { 
      $("div").keydown(function(e) 
      { 
       if (e.which == 9) 
      { 
         $(this).css("border","4px solid gray"); 
      } 
      }); 
     }); 
    </script> 

    <div id="north"></div> 
<div id="west"></div> 
<div id="center"></div> 

Answer 1

私はあなたがこのような何かを行うことができたとします

$(document).ready(function() { 

    // ids of divs you want to cycle through 
    var divs = ["north", "west", "center"]; 
    var startIndex = 0; 


    $(document).keydown(function(e) { 
     if (e.which == 9) { 

      // remove previously applied border 
      $("div").css("border", ""); 
      $("#" + divs[startIndex]).css("border", "4px solid gray"); 
      startIndex++; 

      // reset to first one 
      if(startIndex === divs.length) { 
       startIndex = 0;     
      } 
     } 

     // prevent "tabbing out" of the document view 
     return false; 
    }); 
});​ 

Demo.（事前にレンダリングされたページ領域をクリックしてください）