根据链接文本更改文本

时间:2016-12-03 19:38:23

标签: javascript html css

这是我的剧本:

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

我的代码有效但显示上一个链接。 我点击

0 个答案:

没有答案