jquery动态添加表格

发布网友发布时间：2022-04-21 09:04

共2个回答

热心网友时间：2022-04-20 09:17

在jquery里可以直接用isNaN()，因为他是JavaScript的类库。是由JavaScript语言写的。
例如：
<script type="text/javascript">
$(document).ready(function(){
alert(isNaN($('#id').val()));
});
</script>可以直接使用

热心网友时间：2022-04-20 10:35

用jQuery的each就可以的追问具体说一下可以吗？我要返回什么类型数据，前台怎么拼？

追答

后台返回的字符串应该形如：

var jsonData = [
    { id: 1, name: 'name1', sex: 'sex1', age: '21' },
    { id: 2, name: 'name2', sex: 'sex2', age: '22' },
    { id: 3, name: 'name3', sex: 'sex3', age: '23' },
    { id: 4, name: 'name4', sex: 'sex4', age: '24' }
];

前台页面做如下处理：（这是比较笨的办法）

$(function () {
    if ($(jsonData).length > 0) {
        var tableHtml = '';
        tableHtml += '<table>';
        $(jsonData).each(function (index, item) {
            tableHtml += '<tr>';
            tableHtml += '<td>序号：' + index + '</td>';
            tableHtml += '<td>编号：' + item.id + '</td>';
            tableHtml += '<td>姓名：' + item.name + '</td>';
            tableHtml += '<td>性别：' + item.sex + '</td>';
            tableHtml += '<td>年龄：' + item.age + '</td>';
            tableHtml += '</tr>';
        });
        tableHtml += '</table>';
        $('#myJson').html(tableHtml);
    }
});

将组织好的html代码放入id="myJson"的div里面：