javascript — получить имя nav-элемента, на котором он был нажат

получить название элемента nav, на котором он был нажат

У меня есть navbar разработанная в Bootstrap , я хочу получить имя nav-item на котором он был нажат. Я могу установить его активным в настоящее время, но не могу получить имя элемента nav. Как этого добиться?

Я знаю о nodeName в jQuery, который получает имя узла, но я хочу получить содержимое внутри этого узла, очевидно.

HTML

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

JS

 $(document).ready(function () { "use strict"; $('ul.navbar-nav {amp}gt; li').click(function (e) { e.preventDefault(); var getItem = $(this); $('ul.navbar-nav {amp}gt; li').removeClass('active'); $(this).addClass('active'); $(".navbar-brand").after(" {amp}lt;ul class="navbar-nav"{amp}gt;{amp}lt;li class="nav-item active"{amp}gt; {amp}lt;a class="nav-link" href="#"{amp}gt;"   getItem   "{amp}lt;span class="sr-only"{amp}gt;(current){amp}lt;/span{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt;{amp}lt;/ul{amp}gt; "); $('.navbar-toggler').click(); }); }); 

Мой Текущий вывод — [object][object] я хочу получить Home если он в данный момент активен, или Pricing если он активен в данный момент.

PS: использование Bootstrap 4

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector