変更テキストはリンク

Question

のテキストによるとこれは私のスクリプトです：

<script> 
    jQuery(document).ready(function() { 
     var t = jQuery('.is-active').text().split(' ')[1]; 
     document.getElementById('pdm').innerHTML = t; 
    }); 
</script> 
<script> 
    jQuery(document).ready(function() { 

     jQuery(".mk-tabs-tab").click(function() { 
      var t = jQuery('.is-active').text().split(' ')[1]; 
      document.getElementById('pdm').innerHTML = t; 
     }) 
    }); 
</script> 

これが私のHTMLです：

<h1 id="pdm" style="text-transform: capitalize !important; line-height:52px; word-spacing: 999px;" class="titolobianco"></h1> 
<ul id="mk-tabs-tabs-3" class="mk-tabs-tabs"> 
    <li class="mk-tabs-tab is-active"><a href="#"> DISCLAIMER</a></li> 
    <li class="mk-tabs-tab"><a href="#"> TERMS & CONDITIONS</a></li> 
    <li class="mk-tabs-tab "><a href="#"> PRIVACY POLICY</a></li> 
    <li class="mk-tabs-tab "><a href="#"> PUBLIC REGULATORY</a></li> 
    <li class="mk-tabs-tab "><a href="#"> REGISTER</a></li> 
    <li class="mk-tabs-tab "><a href="#"> CONTACT SU</a></li> 
    <div class="clearboth"></div> 
</ul> 

私は.mk-tabs-tabクラスをクリックしたとき、私は、にリンク名を表示していましたH1のdivが、例えば私はPRIVACY POLICYをクリックして、表示：

<h1 id="pdm" style="text-transform: capitalize !important; line-height:52px; word-spacing: 999px;" class="titolobianco">PRIVACY POLIC</h1> 

私のコードの作品が、表示されます前のリンク。

つまり

jQuery(".mk-tabs-tab").click(function() { 
    jQuery('.is-active').removeClass('is-active'); 
    jQuery(this).addClass('is-active'); 
    document.getElementById('pdm').innerHTML = jQuery(this).text().split(' ')[1]; 
}) 

、あなたは必ずしもクリックされていなかったのリンクからテキストを取得する必要があります： 私は質問を理解していれば、それはあなたのような何かをする必要があるように見えます

Answer 1

をクリックしてくださいis-activeクラスを持つリンク。

Answer 2

あなたは今までにis-activeクラスを変更するように見える、と常に最初の要素

jQuery(function($) { 
 
    var t = $('.is-active').text().split(' ')[1]; 
 
    var pdm = $('#pdm').html(t); 
 

 

 
    jQuery(".mk-tabs-tab").click(function() { 
 
    $(this).addClass('is-active').siblings().removeClass('is-active') 
 
    var t = $(this).text().split(' ')[1]; 
 
    $('#pdm').html(t); 
 
    }); 
 
});

.is-active a {color: red}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1 id="pdm" style="text-transform: capitalize !important; line-height:52px; word-spacing: 999px;" class="titolobianco"></h1> 
 

 
<ul id="mk-tabs-tabs-3" class="mk-tabs-tabs"> 
 
    <li class="mk-tabs-tab is-active"><a href="#"> DISCLAIMER</a></li> 
 
    <li class="mk-tabs-tab"><a href="#"> TERMS & CONDITIONS</a></li> 
 
    <li class="mk-tabs-tab "><a href="#"> PRIVACY POLICY</a></li> 
 
    <li class="mk-tabs-tab "><a href="#"> PUBLIC REGULATORY</a></li> 
 
    <li class="mk-tabs-tab "><a href="#"> REGISTER</a></li> 
 
    <li class="mk-tabs-tab "><a href="#"> CONTACT SU</a></li> 
 
    <div class="clearboth"></div> 
 
</ul>