Отобразить имя активной вкладки в диапазоне

Question

Я хотел бы показать имя активной вкладки (текст) в диапазоне .active-class. Пример:

<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> 

Answer 1

FIDDLE:

HTML

<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> 

SCRIPT

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

Я думаю, вы хотите, чтобы это по щелчку, поэтому бит Updation в мой выше код здесь: -

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

Answer 2

скрипка: http://jsfiddle.net/x97g8sc7/

$(".active-class").text($(".tabs .active").text()); 

Answer 3

То, что вы хотите, либо иметь событие нажатия кнопки мыши каждый раз, когда ссылка щелкнула и поместить текст там?

Javascript:

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

Когда над вами необходимо инициализировать функцию. это можно сделать в привязке в элементе списка.

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

Не забывайте хэш (#) в пределах href! Это останавливает действие по умолчанию, в условиях неспециалиста.

С JQuery это может быть немного проще

$('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 
});