Jquery Table添加行、删除行

html页面代码

<table id="tblUserInfo">

</table>

Js代码

        function DealUserInfo(qty){
            if(qty>0)
            {
                var table1 = $("#tblUserInfo");
                var rowCount= $("#tblUserInfo").find("tr").length;
                //添加1行
                if(qty>rowCount)
                {
                    var i = rowCount+1;
                    var row = $("<tr></tr>");
                    var td = $("<td></td>");
                    var str = "td里面的内容";
                    td.append($(str));
                    row.append(td);
                    table1.append(row);
                }else
                {
                    //减少删除最后行
                    $("#tblUserInfo tr:last").remove();
                }
            }
        }

Jquery Table添加行、删除行

时间: 2024-10-22 21:27:31

Jquery Table添加行、删除行的相关文章

Jquery Table 的基本操作

Jquery 操作 Html Table 是很方便的,这里对表格的基本操作进行一下简单的总结. 首先建立一个通用的表格css 和一个 表格Table: table { border-collapse: collapse; border-spacing: 0; margin-right: auto; margin-left: auto; width: 800px; } th, td { border: 1px solid #b5d6e6; font-size: 12px; font-weight:

jquery.Table实现的翻页功能比较完整漂亮,本想扩展个模版DIV

jquery.dataTable实现的翻页功能比较完整漂亮,本想提取其的翻页部分,再结合模版DIV,bootstrop实现聊天记息的展示. jquery.Table 与table结合的较紧,不能在很下提取完成. 看了近一天的源码后,对API的结构,实现方式和思路有了基本的认识,但终因工作量太大放弃了提取的念头,时间所迫转用KenDo的翻页 不过这过程中,对其的API实现有了较深的认识. 这里摘录部分资料 以下是在进行dataTable绑定处理时候可以附加的参数: 属性名称 取值范围 解释 bAu

MVC JQuery Table Ajax 的一些扩展和应用

1 ///Home page 2 public ActionResult MaintainSuperUserAdmin() 3 { 4 return View(); 5 } 6 7 /// <summary> 8 /// return Json Data for Jquery Table 9 /// </summary> 10 /// <param name="parm"></param> 11 /// <returns>&l

jquery遍历数组添加行删除行

<script language="javascript" type="text/javascript"> function queryInfo() { var membercode = $('#membercode').val(); if(''== $.trim(membercode)){ alert('请填写会员编号!'); return false; } removeTr(); var formUrl = '${rc.contextPath}/de

jquery 动态增加删除行

最近写程序,碰巧有动态增加删除行,下面就记录一下 html就不写了,也没有什么,直接上核心了 新增行 function addRow(obj){ //获得table一共有多少行,方便追加的时候给序号赋值 var length = $("#grid tr").length; //获得当前是第几行,以便追加的时候,在该行下进行新增,我这里跨的级别比较多,根据实际层级去定义 var current = $(obj).parent().parent().parent().prevAll().l

js动态给table添加行(tr)

html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> new document </title> <meta charset="utf-8"/> <meta name="generator" content="editplus"

jquery table下的复选框选中、取消

<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>首页</title> <!-- 新 Bootstrap 核心 CSS 文件 --> <l

Jquery table元素操作-创建|数据填充|重置|隐藏行

1.Jquery创建表格 /** * 创建表格 * @param label 标题 json格式,数据结构见附录1 * @param data 数据 json格式,数据结构见附录1 * @param parentElement html元素,表格插入至此元素中 */ function createTable(label, data, parentElement) { //创建表格 var table = $("<table> </table>"); //也可以为

jquery table 的datagrid方法

mvc绑定数据方式有很多种,jquery.bootstrap.js提供了一种比较方便的为table绑定数据的方式,可以直接把异步请求的json绑定到table上. function getpage(_page, _queryon) { $("#norecord").html("");//清空无记录信息 $.post("GetRoles", { page: _page, queryon: _queryon }, function (re) { va