zoukankan      html  css  js  c++  java
  • Jquery的text()和html()方法在li与div取值结果解析

    <!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> 
  • 相关阅读:
    eclipse无法启动问题记录
    java环境配置
    Tomcat配置,Myeclipse破解和各种设置
    Android_Service详解及实例
    WTF
    jQuery实现图片轮播
    jQuery实现皮肤自定义
    CSS中的transform与transition
    checkbox实现全选/全不选
    ng-if可见
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/4863056.html
Copyright © 2011-2022 走看看