<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.9.1.min.js"></script>
<style>
*{ margin: 0px; padding: 0px;}
ul,li{ list-style: none;}
span{ width: 58px; height: 22px; margin-left: 10px;}
</style>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script>
$(function(){
for( var i = 1; i < 10; i++){
for( var j = 1; j <= i; j++){
$("ul li").eq(i-1).append('<span>'+i+'*'+j+'='+i*j+'</span>');
}
}
})
</script>
</body>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.9.1.min.js"></script>
<style>
*{ margin: 0px; padding: 0px;}
ul,li{ list-style: none;}
span{ width: 58px; height: 22px; margin-left: 10px;}
</style>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script>
$(function(){
for( var i = 1; i < 10; i++){
for( var j = 1; j <= i; j++){
$("ul li").eq(i-1).append('<span>'+i+'*'+j+'='+i*j+'</span>');
}
}
})
</script>
</body>
</html>
注意:引用jQ !