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)