更改锚文本点击与…?jQuery也许

Change anchor text on click with...? jQuery maybe?

本文关键字:jQuery 也许 文本      更新时间:2023-09-26

这是一个锚点/开关,用于打开和关闭类似导航的抽屉。我想要的图标/文本改变,一旦它被点击。但是我的jQuery是如此的基础,我挣扎在这个atm。

<a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar ss-icon drawer">&#xEB01;</a>

感谢帮助。/保罗

应该可以了。

$('.btn.btn-navbar').on('click', function(e) {
     e.preventDefault();
     $(this).text(function(i,v) {
           return v === 'Show' ? 'Hide' : 'Show';
     });
});

检查小提琴

试试这个方法

var flag = true;
$('.btn.btn-navbar').on('click', function(e) {
     e.preventDefault();
     $(this).html(function(i,v) {
           return flag === true  ? '&#1514;' : '&#xEB01;';
     });
     flag = !flag;
});

更新小提琴