上一篇: jquery – 滚动经过某个点后如何... 下一篇:Swiper无法在Jquery Mobile中工作

单击时Jquery切换文本

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了单击时Jquery切换文本，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我一直在努力解决这个问题,我有所成功,但现在我被困住了.

我有这个结构：

<h4>title</h4>
<p>text</p>
<hr />
<h4>title</h4>
<p>text</p>
<p>text</p>
<hr />
<h4>title</h4>
<p>text</p>
<hr />

我基本上想要完成的是在向上和向下滑动P时切换吨(意思是开放)和verbergen(意思是隐藏).此刻,我用一个单词tonen附加一个跨度,并检查是否显示了它.

内容在加载时隐藏,显示tonen,但是当单击h4时,内容会显示但是tonen不会更改为verbergen.我已经阅读了关于直播的内容,但是没有得到它.

<script>
    $(function(){
    $("h4").append("<span> - tonen</span>");
    $("h4").nextUntil("hr").hide();
    $("h4").click(function () {
        $(this).nextUntil("hr").slideToggle("fast");
        if(span.text() == " - tonen"){
            span.text(" - verbergen");
        } else {
            span.text(" - tonen");
        }
    });
    });
</script>

解决方法

您只需要获取当前单击h4的子跨度的文本,并根据检索到的跨度文本更改为相反的文本：

$("h4").click(function () {
    $(this).nextUntil("hr").slideToggle("fast");
    var text = $(this).find('span').text();
    $(this).find('span').text(text == " - verbergen " ? " - tonen " : " - verbergen ");
});

Updated Fiddle