使用 jQuery 切换文本
Toggling a text with jQuery
如何在 li 开头的 "+" 或 "-" 之间切换 .text() (单击时)?它适用于 http://flatfilthy.se/dominic/最底部的扩展对象
$(function(){
$(".vaccordian li.expander").on('click', function(){
$(this).toggleClass('active').siblings().removeClass('active');
});
});
你可以用一些CSS来实现这一点,例如:
li.expander:before {
content: '+';
}
li.expander.active:before {
content: '-';
}
$(".vaccordian li.expander").on('click', function(){
$(this).toggleClass('active').siblings().removeClass('active');
$(this).text(function(oldtext) {
var first = oldtext.substr(0, 1);
return (first == "+" ? "-" : "+") + oldtext.substr(1);
});
});
相关文章:
- 基于文本jquery php更改按钮
- 选择“p文本jquery”
- 附加 HTML 转义文本:jQuery
- 如何知道选中/突出显示的文本jquery的顺序出现
- Action.on('模糊')不't处理输入文本-jQuery 1.9+
- 在当前工具提示文本 JQuery 旁边追加或添加新文本
- 文本自动移动以适应动画相邻文本 (jquery):如何平滑
- 获取锚点的特定文本 - jQuery
- 从文本 jquery 中查找和挑选出模式
- 延迟后如何更改文本 - jQuery.
- 更改按钮文本 jQuery
- 使用 :包含 找到一个文本 jquery
- 获取引导程序单选按钮文本-jquery
- onchange函数转换为输入文本JQuery的数组
- 语法错误未终止字符串文本jquery
- 将输入占位符文本与span文本jquery交换
- 更改数值为文本- jQuery / NivoSlider
- 在文本区搜索指定的文本- jQuery/Javascript
- 一个字一个字地突出显示文本(jquery)(关闭)
- 无终止字符串文本jquery或更多