使用...更改点击时的锚文本? jQuery也许? [英] Change anchor text on click with...? jQuery maybe?

问题描述

这是一个锚定/切换，可打开和关闭抽屉，就像导航一样.我希望图标/文本在单击后更改.但是我的jQuery非常基础，我正在为此atm苦苦挣扎.

This is an anchor / toggle which opens and closes a drawer like navigation. I want the icon / text to change once it's clicked. But my jQuery is so basic i'm struggling with this atm.

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

我们非常感谢您的帮助. /保罗

Help is appreciated. /Paul

推荐答案

应该这样做.

$('.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

这篇关于使用...更改点击时的锚文本? jQuery也许?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！