相关疑难解决方法(0)

有没有人知道如何使用jQuery切换文本锚标记的html文本.我想要一个锚点,当点击时,文本在"显示背景"和"显示文本"之间交替显示,以及淡入和淡出另一个div.这是我最好的猜测:

$(function() {
    $("#show-background").click(function () {
        $("#content-area").animate({opacity: 'toggle'}, 'slow'); 
    });

    $("#show-background").toggle(function (){
        $(this).text("Show Background")
        .stop();
    }, function(){
        $(this).text("Show Text")
        .stop();
    });
});

提前致谢.

在jquery看到Toggling按钮文本这个问题之后,我试着在我的情况下重新创建它,但似乎无法让它工作.

这是我所做的一个小提琴:http://jsfiddle.net/V4u5X/

$('.SeeMore2').click(function(){
    var $this = $(this);
    $this.toggleClass('SeeMore');
    if($this.hasClass('.SeeMore2')){
        $this.text('See More');         
    } else {
        $this.text('See Less');
    }
});

它似乎只运行一次if语句.我错过了什么？

我有以下jQuery代码,它ul在页面上定位元素,隐藏li该ul元素中第三个项目之后的任何项目,并附加"显示更多!" 单击时显示/切换隐藏列表项的文本链接.

$('ul')
    .find('li:gt(2)')
    .hide()
    .end()
    .append(
        $('<li>Show More!</li>').click( function(){
        $(this).siblings().toggle(500);
        })
    );

脚本功能的一个示例:http://jsfiddle.net/vf6j5/

这就是我想要的脚本:当"显示更多!"之后显示隐藏的元素时 点击了,我想要"显示更多!" 用"显示更少!"替换的文本 .这样做会更加用户友好,更有意义.

关于如何实现这一点的任何想法？

我有一个div，里面有ap，上面写着“折叠！”。当我单击div时，p的文本更改为“展开”。当我第二次单击div时，如何将其更改回“折叠”？

HTML：

<div id="fold">
    <p id="fold_p">Fold it</p>
</div>

jQuery的：

<script>
  $(document).ready(function () {
    $("#fold").click(function () {
      $("#fold_p").text("Expand it");
    } )
  } );                  
</script>

另外，是否可以使过渡淡化？任何帮助深表感谢 ：）

我尝试使用单击处理程序更改特定单词的文本链接.当我再次单击时,文本链接应该更改回来.我怎样才能做到这一点？

<div class="checkLevel" id="damonkEYkEY">
    <span data-bind="css: safeLevelClass"> </span>
    <a href="#" id="checkLevelBtn">??</a>
</div>

$(document).ready(function(){
    $("#damonkEYkEY").click(function(){
        $(".checkLevel a").text('????');            
    });
});

我正在尝试编写一个可重用的脚本，用于在单击时切换元素的文本。

我可以点击它，但无法切换回去。我的if语句有问题吗？

<span class="js-textEdit" data-text="Show less">Show more</span>


$('.js-textEdit').click(function() {
  var oldText = $(this).text();
  var newText = $(this).attr('data-text');

  if ($(this).text(oldText)) {
    $(this).text(newText);
  } else {
    $(this).text(oldText);
  }
});

这是一个JSFIddle

另外，有没有更干净的方法来重构它？我使用数据属性来确定新文本，而不是使用ID并为要使用的每个元素编写单独的脚本。数据属性方法是一种好方法吗？