1 어레이가 2 개의 개별 테이블에 표시됩니다.

Question

1 개의 어레이가 있고 2 개의 개별 테이블에 표시하려고합니다. 결과는 2 개의 테이블이 하나로 병합됩니다.

두 번째 테이블은 보여 주지만 두 번째 테이블에는 데이터가 없습니다.

손을 들어주세요. 감사합니다

Live Code

HTML

<table id="myTable" border="1" width="300" cellpadding="5"> 

    </table> 
<p> </p> 
    <table id="myTable1" border="1" width="300" cellpadding="5" border="1" bordercolor="#cc0000"> 

    </table> 

JS

var dateList =[ 
    { 
     name: "Mike Jenson", 
     email: "mike_j@yesware.com", 
     phone: "9433550193", 
     joined: "05/23/2014", 
    }, 
    { 
     name: "Jim Stevens", 
     email: "jim_s@yesware.com", 
     phone: "1299331944", 
     joined: "05/22/2014" 
    }, 
    { 
     name: "Paul Smith", 
     email: "paul_s@yesware.com", 
     phone: "4351289654", 
     joined: "04/14/2014" 
    }, 
    { 
     name: "Sarah Andrews", 
     email: "sarah_a@yesware.com", 
     phone: "1299332944", 
     joined: "03/15/2014" 
    }, 
    { 
     name: "Edward O'Brien", 
     email: "edward_ob@yesware.com", 
     phone: "4782456897", 
     joined: "03/27/2014" 
    }, 
    { 
     name: "Nicole Plano", 
     email: "nicole_p@yesware.com", 
     phone: "6657831564", 
     joined: "03/30/2013" 
    }, 
    { 
     name: "Peter Min", 
     email: "peter_m@yesware.com", 
     phone: "8893923938", 
     joined: "01/07/2013" 
    }, 
    { 
     name: "Aaron Jackson", 
     email: "aaron_j@yesware.com", 
     phone: "6174896315", 
     joined: "04/11/2014" 
    } 
    ]; 

     $("#myTable").html(""); 
     for (var i=0; i< dateList.length; i++) 
     { 
      var tr="<tr>"; 
      var td1 = "<td>" + dateList[i]["name"] + "</td>"; 
      var td2 = "<td>" + dateList[i]["email"] + "</td>"; 
      var td3 = "<td>" + dateList[i]["phone"] + "</td>"; 
      var td4 = "<td>" + dateList[i]["joined"] + "</td></tr>"; 
      $('#myTable').append(tr+td1+td2+td3+td4); 
     } 

    $("#myTable1").html(""); 
     for (var i=0; i< dateList.length; i++) 
     { 
      var tr="<tr>"; 
      var td1 = "<td>" + dateList[i]["name"] + "</td>"; 
      var td2 = "<td>" + dateList[i]["email"] + "</td>"; 
      var td3 = "<td>" + dateList[i]["phone"] + "</td>"; 
      var td4 = "<td>" + dateList[i]["joined"] + "</td></tr>"; 
      $('#myTable').append(tr+td1+td2+td3+td4); 
     } 

Answer 1

당신은 당신이 대신 #myTable를 설정하는 두 번째 forloop에서 오타를 가지고 있기 때문에 #myTable1

$("#myTable1").html(""); 
    for (var i=0; i< dateList.length; i++) 
    { 
     var tr="<tr>"; 
     var td1 = "<td>" + dateList[i]["name"] + "</td>"; 
     var td2 = "<td>" + dateList[i]["email"] + "</td>"; 
     var td3 = "<td>" + dateList[i]["phone"] + "</td>"; 
     var td4 = "<td>" + dateList[i]["joined"] + "</td></tr>"; 
     $('#myTable1').append(tr+td1+td2+td3+td4); // HERE 
     // --------^ you need to make it myTable1 
    } 

,