我有一个小的渐进式披露(“文本展开和折叠”),但切换文本没有改变。像这样工作:(我没有写)
$(document).ready(function() {
$('div.view').hide();
$('div.slide').toggle(
function() {
$(this).siblings('div.view').fadeIn('slow');
},
function() {
$(this).siblings('div.view').fadeOut('fast');
return false;
}
);
});
我想动态地将“more...”文本切换字符串更改为“less...”。
最佳答案
您可以使用 .text()
来做到这一点像这样:
$(document).ready(function() {
$('div.view').hide();
$('div.slide').toggle(
function() {
$(this).text('less...').siblings('div.view').fadeIn('slow');
},
function() {
$(this).text('more...').siblings('div.view').fadeOut('fast');
}
);
});
坚持使用 this
很重要在切换中,否则您将更改 所有 的文本
<div class="slide">
元素,而不仅仅是您正在处理的元素。
关于javascript - 如何在渐进式披露脚本中切换文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3543974/