jQuery 往table添加新内容有以下四个方法：

Query 添加新内容有以下四个方法：

append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

下面实例演示：点击按钮则在表格数据区域增加一行

1、HTML结构

<table id = "test"><thead><tr><th>列1</th><th>列2</th><th>列3</th></tr></thead><tbody><tr><td>1</td><td>1</td><td>2</td></tr><tr><td>2</td><td>4</td><td>5</td></tr></tbody>
</table>
<input type="button" id="btn1" value="在开头增加">
<input type="button" id="btn2" value="在末尾增加">

2、jquery代码

$(function(){$("#btn1").click(function() {$("#test tbody").prepend('<tr><td></td><td></td><td></td></tr>');});$("#btn2").click(function() {$("#test tbody").append('<tr><td></td><td></td><td></td></tr>');});
});

转载于:https://www.cnblogs.com/telwanggs/p/10688324.html

jQuery 往table添加新内容有以下四个方法：相关推荐

Dell戴尔服务器添加新硬盘认不到解决方法
Dell 戴尔 poweredge 2950 服务器添加新硬盘认不到解决方法: 1.首先抽出硬盘托架,放入硬盘(如果托架松了,造成硬盘前后移动,可以在侧面上个螺丝): 2.把托架插入服务器,保证硬盘灯 ...
linux如何把用户加组内,在Linux中将用户添加到特定组的四种方法
在Linux中将用户添加到特定组的四种方法 Linux组是用于管理Linux中用户帐户的组织单位. 对于Linux系统中的每个用户和组,它都有唯一的数字标识号. 它称为用户ID(UID)和组ID(GI ...
修改注册表出现“无法编辑UncheckedValue:写该值的新内容时出错”的解决方法
当我想隐藏已知文件扩展名时,发现如下图所示这个选项始终无法勾选.用度娘查询得知到注册表里修改,修改HEKY_LOCAL_MACHINE/SOFTWARE/MICROSOFT/WINDOWS/CURRE ...
图片上怎么添加文字内容？这两个方法请收好
相信很多小伙伴们在工作中经常需要处理图片吧,有时候需要在图片上添加注释等文字,也就是编辑图片上的文字.那么小伙伴们平时都是使用什么方法来处理呢?最近就有一个小伙伴咨询图片上怎么添加文字内容,其实很简单 ...
jquery给标签添加属性或获取属性值attr方法，移除属性removeAttr方法
1. attr() 方法设置或返回被选元素的属性值. (1)返回被选元素的属性值: $(selector).attr(attribute) (2)设置被选元素的属性和值 $(selector).att ...
itunes一直显示正在验证iphone恢复_换新iPhone了，四个方法轻松解决新旧iPhone的资料迁移...
假如你有一部旧iPhone,又买了一部新iPhone,现在要把旧iPhone上的资料,迁移到新iPhone上去,该怎么办呢?教授给大家介绍4种简单实用的方法. 方法一:iCloud备份与还原这个方法 ...
CSS总结div中的内容垂直居中的四种方法
一.行高(line-height)法如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如: p { height:30px; line-height:3 ...
jQuery在table中追加tr和删除tr
jQuery在table中追加tr和删除tr 1. 追加tr jQuery添加新内容有以下四个方法: (1) append() - 在被选元素的结尾插入内容(效果如下图:) (2) prepend() ...
java frame清除控件_java – 清除JFrame的组件并添加新组件
我有一个JFrame,它有一些选项.当按下OK按钮时,我想要相同的JFrame清除内容并添加新内容.我试过了,但问题是新的JFrame被弹出.我究竟做错了什么? import java.awt.*; ...

jQuery 往table添加新内容有以下四个方法：

jQuery 往table添加新内容有以下四个方法：相关推荐

最新文章

热门文章