【问题标题】:jQuery toggle this textjQuery 切换此文本
【发布时间】:2013-10-25 00:13:03
【问题描述】:

我进行了一些研究并找到了解决方案,但我希望保持简单并允许使用动态文本。

我有各种链接,其中包含一些文字:

<a>Unique Link 1</a>
<a>Unique Link 2</a>
<a>Unique Link 3</a>

但是,当您单击这些链接时,我想将文本“链接 #”切换为“关闭”,然后在您再次单击链接后切换回原始状态。

目前我正在点击函数中执行此操作:

jQuery(this).text('Close');
if (jQuery(this).text('Close')) {
    jQuery('a.expand').click(function() {
        jQuery(this).text('///Original Dynamic Text Here///');
    });
}

【问题讨论】:

标签: jquery text replace


【解决方案1】:

然后将 ID 放在您的 a 标签上

var texts = {};//Will hold your dynamic texts
jQuery("a").on("click",function(){
    var jt = jQuery(this);
    if(jt.text()!=="Close"){
        texts[jt.attr("id")] = jt.text();//Save dynamic text to object
        jt.text("Close");
    }else{
         jt.text(texts[jt.attr("id")]);//Get dynamic text back
    }
});

希望这会有所帮助!

【讨论】:

    猜你喜欢
    • 2011-06-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-19
    • 2017-12-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多