Javascript 获取在其上单击的导航项的名称

我在

Bootstrap

中设计了一个

navbar

，我想获取单击它的

nav项的名称。我可以将其设置为当前活动，但无法检索导航项目的名称。如何做到这一点

我知道jQuery中的
nodeName
，它获取节点的名称，但我希望获取该节点内部的内容

HTML

<div class="collapse animated fadeInLeft" id="navbarNav">
    <ul class="navbar-nav">
        <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
        <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
        <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
        <li class="nav-item"> <a class="nav-link disabled" href="#">Disabled</a> </li>
    </ul>
</div>









js

$（文档）.ready（函数（）{
“严格使用”；
$（'ul.navbar-nav>li'）。单击（函数（e）{
e、 预防默认值（）；
var getItem=$（此项）；
$（'ul.navbar-nav>li'）.removeClass（'active'）；
$（this.addClass（'active'）；
美元（“.navbar brand”）。在（“
“
“+getItem+”（当前）”）之后；
$（'.navbar-toggler'）。单击（）；
});
});

我当前的输出是
[object][object]
，但如果当前活动，我想获得
主页
，如果当前活动，我想获得
定价

PS:使用引导程序4
$（this）
是
li
对象，您希望像这样使用
$（this）.text（）


$（'ul.navbar-nav>li'）。单击（功能（e）{
e、 预防默认值（）；
var getItem=$（this.text（）；
$（'ul.navbar-nav>li'）.removeClass（'active'）；
$（this.addClass（'active'）；
美元（“.navbar brand”）。在（“
”之后（





$（this）
是
li
对象，您要像这样使用
$（this）.text（）


$（'ul.navbar-nav>li'）。单击（功能（e）{
e、 预防默认值（）；
var getItem=$（this.text（）；
$（'ul.navbar-nav>li'）.removeClass（'active'）；
$（this.addClass（'active'）；
美元（“.navbar brand”）。在（“
”之后（





您需要指定要从this中获取的内容，使用
$（this）.text（）
获取innerText，或使用
$（this）.html（）
获取innerHtml。
您需要指定要从this中获取的内容，使用
$（this）.text（）
获取innerText，或使用
$（this）.html（）
获取innerHtml。
您需要指定希望从this:$（this）.text（）中获取的内容LOL，我知道这很愚蠢。谢谢，将此注释移动到我将接受的答案。您需要指定希望从this:$（this）.text（）中获取的内容LOL，我知道这很愚蠢。谢谢，将此注释移动到我将接受的答案。