Javascript 显示活动选项卡'；他的名字在一个空格里

我想在span

.active类中显示活动选项卡的名称（文本）。
例如：

<ul class="tabs">
<li class="feinleinen active"><a href="">feinleinen</a></li>
<li class="glatt"><a href="">glatt</a></li>
</ul > 

<span class="active-class">*Active_Tab_Name_Here (i.e. feinleinen) *</span> 





*活动选项卡名称（即feinleinen）*
小提琴：

您想要的是在每次单击链接时都有一个单击事件，并将文本放在其中

Javascript:

function changeSpan(var newText){
    document.getElementByClassName('active-class').innterHTML(newText);
}

当出现上述情况时，您需要初始化函数。这可以在列表项内的锚中完成

<li><a href='#' onclick='changeSpan("new item name!");'>

:

HTML

我猜你想点击这个，因此我上面的代码在这里有位更新：-

$('.tabs a').click(function () {
  $('.tabs li').removeClass('active');
  $(this).parent('li').addClass('active');
  $('.active-class').text($(this).text()); 
});

你能再多介绍一下吗？甚至可能是一张截图你想干什么什么不起作用？你的问题毫无意义。“如何跨越”是什么意思？也许更合适？
$('a','ul.tabs>li').click(function(){//a classname would be a better selector
    $('.active-class').appendTo($(this).innerHTML());//can also use $(this).text();
    return false;//also stops default action
});

<ul class="tabs">
  <li class="feinleinen active"><a href="">feinleinen</a>

  </li>
  <li class="glatt"><a href="">glatt</a>

  </li>
</ul>

<span class="active-class">active tab name here</span> 

$('.active-class').text($('.tabs .active').find('a').text());

$('.tabs a').click(function () {
  $('.tabs li').removeClass('active');
  $(this).parent('li').addClass('active');
  $('.active-class').text($(this).text()); 
});