学亮IT手记jQuery text()/html()回调函数实例
Posted 学亮编程手记
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学亮IT手记jQuery text()/html()回调函数实例相关的知识,希望对你有一定的参考价值。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> 6 <script type="text/javascript"> 7 $(function(){ 8 $("#btn1").click(function(){ 9 $("#test1").text(function(i,oldVal){ 10 return "旧文本:"+oldVal+" 新文本:你我他学习吧(index:"+i+")"; 11 }) 12 }) 13 $("#btn2").click(function(){ 14 $("#test2").html(function(i,oldHtml){ 15 return "旧html:"+oldHtml+" 新html:你我他<b>学习吧</b>(index:"+i+")"; 16 }) 17 }) 18 }) 19 </script> 20 </head> 21 22 <body> 23 <p id="test1">这是段落中的<b>粗体</b>文本。</p> 24 <p id="test2">这是另一个有<b>粗体</b>字的段落。</p> 25 <button id="btn1">显示 新/旧 文本</button> 26 <button id="btn2">显示 新/旧 HTML</button> 27 </body> 28 </html>
以上是关于学亮IT手记jQuery text()/html()回调函数实例的主要内容,如果未能解决你的问题,请参考以下文章