jquery - 如何在jquery中的给定Div中制作表格？

Question

你能告诉我如何使用 jquery 在 div 中制作表格 > 我在一段时间后定期从服务器获取数据。我需要在一列上显示

<div id="realTimeContents" class ="left realtimeContend_h" style="width:100%;">
    </div>




  function createTable(){
                                 var content = '<table>'
                                 content += '<tr><td class=result></td> <td    
                                 class=result2></td></tr>';
                                 content += '</table>'
                                 $('#realTimeContents').append(content);
                             }

这么用

     $('#realTimeContents').find('.result').append(result);
    $('#realTimeContents').find('.result2').append("Naveen");

但每次它创建一个表。我认为这是错误？我需要在一列上显示数据？

Answer 1

创建表一次 -

function createTable(){
 var content = "<table>"
 content += '<tr><td class="result"></td></tr>';
 content += "</table>"
 $('#realTimeContents').append(content);
}

并以此更新结果-

function nativePluginResultHandler (result){
   $('#realTimeContents').find('.result').text(result);
}

Answer 2

请尝试以下代码：

$(document).ready(function(){    
$("#btnClick").click(function(){
$("#realTimeContents").append("<Div>" + $("#txt").val() + "</Div>");
});
});

代码：http: //jsfiddle.net/nFdtJ/