使用js检测活动选项卡

Question

我想检测哪个导航标签被选中，并根据选择包含不同的页面。我通过谷歌搜索，发现stackoverflow上应该有什么解决方案。然而，它并没有做（我认为）它应该做的事情。我已逐行通过代码，但无法看到我做错了什么。

这是我的代码段：

                <ul id="myTab" class="nav nav-tabs nav-justified">
                    <li class="active"><a href="#level-one" data-toggle="tab"> One</a></li>
                    <li><a href="#level-two" data-toggle="tab"> Two</a></li>
                    <li><a href="#level-three" data-toggle="tab"> Three</a></li>
                    <li><a href="#level-four" data-toggle="tab"> Four</a></li>
                </ul>

                <div id="myTabContent" class="tab-content">
                    <script>
                         tabValue = $(".nav-tabs .active > a").attr("href");
                    </script>
                    <!--write to console to see what is happening.-->
                    <button onclick="console.log(tabValue)">Click</button>

我正在尝试获取活动标签的href - 然后我会根据活动标签执行某些操作。但是，无论哪个标签处于活动状态，＆＃39;＃level-one＆＃39; 始终会返回。当我将鼠标悬停在标签上时，屏幕底部显示＆＃34; mysite.com/mypage.php#level _ *＆＃34;所以这是可能的=我一定做错了！有人可以帮忙吗？ 感谢。