jQuery - 切换 .html 文本？

Question

为什么这不起作用？

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>');
});
});

Answer 1

Blender 有适当的答案，但我们也可以将您的问题概括为一个简单的 jQuery 插件:

$.fn.toggleText = function(t1, t2){
  if (this.text() == t1) this.text(t2);
  else                   this.text(t1);
  return this;
};

您的代码将如下所示:

$('#showMore').click(function(){
  $(this).toggleText('Before', 'After');
})