你好,欢迎来到电脑编程技巧与维护杂志社! 杂志社简介广告服务读者反馈编程社区  
合订本订阅
 
 
您的位置:技术专栏 / Java专栏
Jquery的text()和html()方法在li与div取值结果解析
 

[html] 
<!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下,将会在最后有一个' '空格

  推荐精品文章

·2024年12月目录 
·2024年11月目录 
·2024年10月目录 
·2024年9月目录 
·2024年8月目录 
·2024年7月目录 
·2024年6月目录 
·2024年5月目录 
·2024年4月目录 
·2024年3月目录 
·2024年2月目录 
·2024年1月目录
·2023年12月目录
·2023年11月目录

  联系方式
TEL:010-82561037
Fax: 010-82561614
QQ: 100164630
Mail:gaojian@comprg.com.cn

  友情链接
 
Copyright 2001-2010, www.comprg.com.cn, All Rights Reserved
京ICP备14022230号-1,电话/传真:010-82561037 82561614 ,Mail:gaojian@comprg.com.cn
地址:北京市海淀区远大路20号宝蓝大厦E座704,邮编:100089