jQuery 구현 구구단

<h1>     h1>
<h2>Demo 1h2>
<div id="Feng9" class="cfb">div>
<h2>Demo 2h2>
<div id="Feng92" class="cfb">div>
<h2>Demo 3h2>
<div id="Feng93" class="cfb"><ul>ul>div>

.cfb {
  border-bottom: 1px solid #ddd;
  text-align: center; }
  .cfb ul {
    clear: both;
    overflow: hidden;
    border-left: 1px solid #ddd; }
    .cfb ul li {
      float: left;
      width: 69px;
      border-top: 1px solid #ddd;
      border-right: 1px solid #ddd;
      color: #999; }
    .cfb ul em {
      font-weight: bold;
      color: #f60; }

$(function(){
    //      1
    var Obj = $("#Feng9");

    for (var i = 1; i <= 9; i++) {
        Obj.append('
1×'+i+'= '+i+'');
    };

    var Ul = Obj.children('ul');

    Ul.each(function() {
        var T = $(this),
            Dt = T.children('li'),
            I = Dt.data("i");
        for (var i = 2; i <= I; i++) {
            T.append('
'+i+'×'+I+'= '+i*I+'');
        };
    });

    //      2

    var Obj2 = $("#Feng92");
    for (var i = 1; i <= 9; i++) {
        Obj2.append('
'">
1×'+i+'= '+i+'');
        for (var j = 2; j <= i; j++) {
            Obj2.children('.ul_'+i+'').append('
'+j+'×'+i+'= '+j*i+'')
        };
    };
    //      3
    var Obj3 = $("#Feng93").children('ul');
    for (var i = 1; i <= 9; i++) {
        for (var j = 1; j <= i; j++) {
            if (i==j) {
                Obj3.append('
'+j+'×'+i+'= '+j*i+'
')
            } else {
                Obj3.append('
'+j+'×'+i+'= '+j*i+'');
            }
        };
    };
});