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下，将会在最后有一个' '空格
作者：qinglinglaoren
补充：web前端 , JavaScript ,
