Jquery的text()和html()方法在li與div取值結果解析
阿新 • • 發佈：2019-01-25
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Jquery</title> <script type="text/javascript" src="../Js/jquery1.6.1.js"></script> <script type="text/javascript"> $(document).ready(function() { var ht = $('.toshow li').html(); var te = $('.toshow li').text(); var htte = '這是html()在li的顯示結果' + ht + '****' + '<br>這是text()在li的顯示結果' + te + '****'; var ht1 = $('.toshow1').html(); var te1 = $('.toshow1').text(); htte += '<br>這是html()在div的顯示結果' + ht1 + '****' + '<br>這是text()在div的顯示結果' + te1 + '****'; $('.totext').html(htte); }); </script> </head> <body> <div class="toshow"> <ul> <li>sj*</li> </ul> </div> <div class="toshow1">sj*</div> <div class="totext"></div> <div class="result"> 在li下，將會在最後有一個' '空格 </div> </body> </html>
先上程式碼。
執行結果如下：
這是html()在li的顯示結果sj* ****這是text()在li的顯示結果sj* ****
這是html()在div的顯示結果sj*****
這是text()在div的顯示結果sj***** 在li下，將會在最後有一個' '空格