Change text according to the text of the link
<p>This is my script:</p>

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

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

<p>This is my HTML:</p>

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

<p>I Would when I click on <code>.mk-tabs-tab</code> class, display the link name in the h1 div, for example I click on <code>PRIVACY POLICY</code>, and display: </p>

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

<p>My code work but display the previous link.
I click on </p>