jQuery的不能正常更新跨度标签

这里的内容的例子：http://jsbin.com/izegoy
问题：http://i.imgur.com/h1T98.png jQuery的不能正常更新跨度标签

脚本：

$(document).ready(function(){ 
    $("p:eq(1)").hide().after("<span>View more</span>"); 
    $("span").click(function(){ 
     $("p:eq(1)").slideToggle(200,function(){ 
      if($("span").text()=="View more"){ 
       $("span").text("View less"); 
     } else{ 
       $("span").text("View more"); 
     } 
     }); 
    }); 
});

HTML：

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua.</p> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua.</p>

当我更新内容在span标签之外，它会在原始span标签之外创建新文本。它在页面上并不明显，但只有在查看生成的源代码时才是如此。我不知道，我做错了什么。

谢谢你的时间

来源

2012-03-07 pumpalarumpa

您的代码似乎工作：[http://jsfiddle.net/UpK9V/](http://jsfiddle.net/UpK9V/） – bfavaretto 2012-03-07 16:12:53

我没有看到您所看到的内容，所创建的唯一文本位于span标签内。 – 2012-03-07 16:13:47

在Chrome 17中工作（并使用Inspector进行验证）。 – 2012-03-07 16:14:51

这应该真的很好。但是，你可以尝试使用html();方法来代替：

$("span").html("View less");

来源

2012-03-07 16:19:36

谢谢。这工作完美。 http://jsbin.com/izegoy/2 – pumpalarumpa 2012-03-07 16:35:23

很高兴帮助:) – 2012-03-08 15:31:10

jQuery的不能正常更新跨度标签

回答

相关问题