jQuery – 切换.html文本？

为什么这不起作用？

http://jsfiddle.net/PdwJ6/

HTML

<a href="#" id="showMore">Before</a>

JS

$('#showMore').click(function() {

$(this).toggle(
function () {
    $(this).html('<a href="#">After</a>');},function () {
    $(this).html('<a href="#">Before</a>');
});
});

解决方法

不知道Jsfiddle.net有什么用,但我不能发布一个演示.

您将两个函数嵌套在一起(.click()和.toggle()),而.toggle()处理单击,这可能会导致冲突.另外,使用text()而不是html()：

HTML：

<a href="#" id="showMore">Before</a>

JavaScript的：

$('#showMore').toggle(function() {
    $(this).text('Before');
},function() {
    $(this).text('After');
});