JQuery獲取當前選擇的選項卡的索引（bootstrap）

有的時候我們往往需要獲取到當前選擇的選項卡的索引，以下是使用bootstrap框架的獲取方式。

html代碼如下：

            <div class="row clearfix">
                <div class="col-md-12 column">
                    <div class="tabbable" id="tabs-762548">
                        <ul class="nav nav-tabs" id="questType" style="margin-bottom: 20px;">
                            <li class="active">
                                <a href="#singleSelect" data-toggle="tab">單選</a>
                            </li>
                            <li>
                                <a href="#moreSelect" data-toggle="tab">多選</a>
                            </li>
                            <li>
                                <a href="#judgeSelect" data-toggle="tab">判斷</a>
                            </li>
                            <li>
                                <a href="#fillBlank" data-toggle="tab">填空</a>
                            </li>
                            <li>
                                <a href="#subject" data-toggle="tab">主觀</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                        </div>
                    </div>
                </div>
            </div>

js代碼：

    // 獲取題目類型
    var questionType = 0;
    for (var i = 0; i < 5; i++) {
        if ($("#questType").children('li')[i].className == "active") {
            questionType = i+1;
            break;
        }
    }
    console.log(questionType)