<!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下，將會在最后有一個' '空格