jQuery UI タブで選択されたタブを判定するサンプル

コード function displayMessage(str) { var msg = $(".messageBar"); msg .text(str) .addClass("ui-state-highlight"); setTimeout(function() { msg.removeClass("ui-state-highlight", 1500); }, 500); } $(function() { $("#tabs").tabs(); // タブの選択イベント $("#tabs").bind('tabsactivate', function(event, ui) { // クリックされたタブのインデックス // インデックスは 0 から始まるので + 1 var i = ui.newTab.index() + 1; displayMessage(i + " 番目のタブがクリックさ