我想在javascript中当前选项卡的最后一个元素上将一个选项卡切换到另一个选项卡

Question

i Write This code for that

$(document).on('keydown','form input :nth-last-child(3)',function(e){
   var keyCode = e.keyCode || e.which;
   if (keyCode == 9) {
      var $parent=$('form').parents('.ui-tabs');
      if($parent.length>0) {
         var tabid=$parent.attr("id");
         var current= $( "#"+tabid ).tabs( "option", "active" );
         $( "#"+tabid ).tabs({ active: current +1 });
      }
   }
});

Answer 1

Here is a working demo with want you want to achieve if i understood it correctly: JS Bin

You should set the active tab options on the parent element on which you initialised jquery-ui tabs() , not on any particular #tab-{$id} .

Below i also added the js code for it:

$(document).on('keydown','input',function(e){
  var keyCode = e.keyCode || e.which;

  if (keyCode == 9) {

    if($(this).is(':last-child')) {
      var current= $( '#tabs' ).tabs( "option", "active" );

      $('#tabs').tabs({ active: current +1 });
    }
  }
});

Let me know if you have trouble making it work.