javascript - 根据链接的文本更改文本

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>

我的代码可以工作，但会显示上一个链接。 我点击

Answer 1

如果我理解这个问题，看来您需要执行以下操作:

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];
})

换句话说，您需要从被点击的链接中获取文本，而不一定是具有 is-active 类的链接。