javascript - 单击更改 anchor 文本...？也许是 jQuery？

Question

这是一个 anchor /开关，可以像导航一样打开和关闭抽屉。我希望图标/文本在单击后发生变化。但是我的 jQuery 太基础了，我正在为这台自动取款机苦苦挣扎。

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

感谢您的帮助。 /保罗

Answer 1

这应该可以。

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

Check Fiddle

试试这个方法

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

Updated Fiddle