如何通过jquery动态添加表格列给表格添加一行

jquery 动态替表格添加第一行数据
&来源:读书人网&【读书人网():综合教育门户网站】
jquery 动态为表格添加第一行数据在ajax请求成功后将数据插入到表格的第一行,用prepend或before都没反应,
jquery 动态为表格添加第一行数据在ajax请求成功后将数据插入到表格的第一行,用prepend或before都没反应,但用append将数据放在最后有反应,请问有好的办法吗?
[解决办法]可以在每行tr带个序号ID,这样就可以定位也就可以BEFORE和apeed[解决办法]$("#tr1").before("&tr&&/tr&");要在第一个tr&jquery对象调用beforejQuery实现表格行的动态增删_Jquery_ThinkSAAS
jQuery实现表格行的动态增删
jQuery实现表格行的动态增删
最近学习jQuery,真的很强大,试了下表格行的动态增删,代码很简单,如下
&head&&title&&/title&&/head&
&script type="text/javascript"src="../js/jquery.js"&&/script&&!--引入jQuery.js--&
&input type="text"id="enter"value="default"/&&!--输入表格的内容,默认default--&
&input type="button"value="add"onclick="add()"/&&!--增加一行--&
&input type="button"value="remove"onclick="remove()"/&&!--删除最后一行--&
&table id="tbl"border="1"width="100px"&
&tr&&th&Title&/th&&/tr&
&script type="text/javascript"&
var i = 0;
function add() {
var v = document.getElementById('enter').
var content ="&tr class="+i+"&&td&"+v+"&/td&&/tr&";
$('#tbl').append(content);
function remove() {
$('tr').remove('.'+i);
稍微改造一下即可实现删除指定行,不赘述。
PHP开发框架
开发工具/编程工具
服务器环境
ThinkSAAS商业授权:
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
让ThinkSAAS更好,把建议拿来。
开发客服微信动态添加删除table页面一行input表格
之前写过两篇关于HTML页面添加结点,删除结点的博文。今天偶然看到一个网友询问JSP页面上动态给表格增加行,删除行,碰巧那会儿比较闲,就动手写了一下,记录下来,希望能帮到需要的朋友们。
First Name
上面的代码中,首先在body中构造了一个table,为了方便后续的操作,我们给table添加了thead 和 tbody 标签,thead标签标示的是表格头,tbody标签标示的是表格主体。
示例中的表格,共有三列,第一列 first name,第二列 last name,第三列为操作列。
操作列中,包含两个操作,一个是给表格添加行,一个是删除当前行。添加行和删除行的操作分别绑在两个按钮上,点击按钮时,触发相应的添加行/ 删除行 操作。
添加行方法
function add() {
var trObj = document.createElement(&tr&);
trObj.id = new Date().getTime();
trObj.innerHTML = &&&;
document.getElementById(&tb&).appendChild(trObj);
第一行,创建tr元素,即创建一个表格行。
第二行,trObj.id = new Date().getTime(); 给改行添加id 属性,并给属性赋值,取当前的毫秒数,这个主要是删除的时候需要。
第三行,trObj.innerHTML = &
&; 给表格行赋值,通过innerHTMML属性,设置标签和 标签间的html代码内容,也就是要添加的行内容。
第四行,document.getElementById(&tb&).appendChild(trObj); 将创建好的表格行添加到表格主体中。
删除行方法
function del(obj) {
var trId = obj.parentNode.parentNode.
var trObj = document.getElementById(trId);
document.getElementById(&tb&).removeChild(trObj);
删除方法中传递了一个参数,在添加行方法中,我们可以看到删除方法del 中传递了this参数,页面代码中的this指代的是当前的HTML元素,即this所在的域。
第一行,var trId = obj.parentNode.parentNode. 获取当前元素的父节点的父节点的id,即要删除的行的id 。
第二行,var trObj = document.getElementById(trId); 获取要删除的行元素。
第三行,document.getElementById(&tb&).removeChild(trObj); 在表格主体中删除该行。
上面的代码基本实现了动态给表格增加行和删除行的功能,但是代码还有瑕疵,主要有这么两点:
1 表格在增加行前和增加行后,表格宽度发生变化
增加行后,表格列变宽了
2 默认打开的页面中文出现乱码
需要 通过前面介绍过的设置编码的方式 修改页面编码格式后才能正常显示。
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467142',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'功能实现:点击添加按钮,表格增加一行并给其name属性赋予的值,方便获取
点击删除,自动删除这一行
JQuery中定义一个count变量
var count = 1;
function add() {
var tbl = document.all.
var rows = tbl.rows.
var tr = tbl.insertRow(rows);
var e_id = tr.insertCell(0);
e_id.innerHTML = '&input type=&text& name=&e_id' + count + '& size=&7& /&';
var class_id = tr.insertCell(1);
class_id.innerHTML = '';
var memo = tr.insertCell(2);
memo.innerHTML = '&input type=&text& name=&memo' + count + '& size=&14& /&';
var del = tr.insertCell(3);
del.innerHTML = '&input type=&button& onclick=&del(this)& value=&删除& /&';
function del(btn) {
var tr = btn.parentElement.parentE
var tbl = tr.parentE
if (tr.rowIndex &= 1) {
tbl.deleteRow(tr.rowIndex);
在线等,问个问题,我想实现一个表格,表格的单元格里能添加一些图片。各位,给点思路 Tks. 类似于棋盘游戏那种,但是逻辑没那么复杂,就是实现一个可扩展的棋盘。 TableLayout 和 GridView 满足不了我的需求。
------解决方案-------------------- 用listView有没有办法实现呢
------解决方案-------------------- 表格用背
Android ListView自适应实现表格
说说如何用ListView实现自适应的表格。GridView比ListView更容易实现自适应的表格,但是GridView每个格单元的大小固定,而ListView实现的表格可以自定义每个格单元的大小,但因此实现自适应表格也会复杂些(格单元大小不一)。另外,GridView实现的表格可以定位在具体某个格单元,而ListView实现的表格则只能定位在表
动态填充TableLayout,如何让表格充满屏幕?如何设置动态生成的Textview的字体大小? 用下面的代码动态填充TableLayout,最后显示表格的内容是居左显示的。如何让表格充满屏幕?如何设置动态生成的Textview的字体大小?
TableLayout tbl=(TableLayout) findViewById(R.id.TableLayout1); f
如何让Menu中6个菜单能在一行显示 比如 public boolean onCreateOptionsMenu(Menu menu){
super.onCreateOptionsMenu(menu);
menu.add(&1&);
menu.add( &2&);
cursor拿到的值,如果不想要其中一行怎么办? 比如这个帖子,提到了可以过滤数据:http://www.oschina.net/question/75
但是如果不想要其中某一行满足自己判定的条件而不是从数据库拿的显示,怎么办呢?
------最佳解决方案-------------------- 把cursor里的数据读出来,把你想要的放到一个list里
------其他
ActivityGroup里面实现子activity的跳转 上下标题菜单不动 中间页面点击按钮实现跳转 这里用的是activityGroup实现下面的界面
想要实现上面标题和下面的菜单不一直处于不动的状态
菜单的点击已经实现了可以切换的现在想要点击中间部分的地方来实现中间页面的跳转
如点击listView中跳转到如下页面
Android 布局之线性布局、相对布局、表格布局、帧布局
1、LinearLayout(线性布局) &?xml version=&1.0& encoding=&utf-8&?& &LinearLayout xmlns:android=&/apk/res/android&qu
【Android每日一讲】 全屏幕以按钮重写 - 动态产生按钮并最大化
1. 范例说明
如果你要设计的程序只具备一个简单的功能,甚至简单到只有一个按钮的话,那么本范例可以当成一项指针。
接下来的范例是扩展前一讲的 Progress Dialog 的范例,只是这一次 Layout 中不使用 TextView ,也不需要在 Layout(main.xml) 里面部署
怎样重写WebView中点击按钮(提交)的事件呢? 我想在用户点击WebView中提交按钮的时候弹出一个“加载中”的对话框,怎样重写点击提交按钮的事件呢
------解决方案--------------------
html是自己写的吗, 是的话可以 &input type=&button& value=&提交& onclick=&wi
android开发中点击Button按钮,怎么就跳转到menu上了呢? 用函数onCreateOptionsMenu可以实现点击menu菜单触发menu,在Button控件中可以触发menu吗?若能,用什么函数? 谢谢了啊!
------解决方案-------------------- 这个应该不能吧。menu是触发的系统menu调用的。
------解决方案----------------
关于布局的一个小问题向大家请教下 有这么一个表格布局:
我TableLayout的属性android:layout_width=&fill_parent&
android中ExpandableListView点击哪一条那一条显示,而其他条隐藏的实现办法
直接上代码
public class MyActivity extends Activity implements HandleClick{ private ExpandableListView listV private int lastClick = -1;//上一次点击
lua学习笔记 2 android调用Lua。Lua脚本中实现添加Button,并为Button增加Listener
lua学习笔记: 2 android调用Lua。Lua脚本中实现添加Button,并为Button增加Listener
android 中的调用
try { mLuaState.LdoString(readStream(getResources().openRawRes
如何实现一个永远置顶的VIEW 比如我想让屏幕顶部显示一个按钮,不管在任何界面它都能显示并且可以点击,这个该怎么实现。。
------解决方案--------------------
用Toast原理实现,去翻Toast源码...
android 可水平左右滑动的一排按钮
要实现这样的效果:可水平左右滑动的一排按钮。
试用了android的ScrollView还不行,最后在android的api中还找到这个HorizontalScrollView,简单用了下,能够满足效果,布局代码如下:
&HorizontalScrollView android:id=&@+id/fil
两个Activity之间传数据,点击按钮意外终止 代码如下,麻烦高手指点下,搞了大半天了,没个头绪。 Main.java
.BmiT import android.app.A import android.content.I import android.database.CursorJoiner.Res
android 动态切换主题,动态换肤
android 动态换肤,Android系统已经完美解决换肤问题,看到网上好多的朋友还在询问如何换肤。我示例一下Android换肤 看效果 点击 Day 后的主题皮肤
点击Night后,主题皮肤
package cn.hpc. import android.app.A import an
求助一个程序效率的问题 正在做一个Android的APP 要求是先有一个几率着数据的txt文件 数据内容如下
2.2 3.5 6.3 2.3
也就是一行储存一个小数,大约有122W行 要求是程序开启时读入这些数据,然后根据数据填充成为一个的bitmap 现在的程序是这样的,首先一行一行读取数据, 放在一个数组floodData里,然后根据要求开始生成图片 这么做的确可以做到需求
android动态更改menu元素
onPrepareOptionsMenu()是一个好方法,可以在这个方法中通过一个boolean作为判断实现动态更新menu元素的方法,比如动态更改menu各项的图标,文字等。代码:
public boolean onPrepareOptionsMenu(Menu menu){ super.onPrepareOptionsMenu(menu); //do s
Android来电界面的滑动按钮如何实现啊?有无源代码 android原生来电界面,左键滑动接听 右键滑动拒接。这个滑动按钮如何实现啊,有无源代码,着急啊。
------解决方案-------------------- 你如果是想要类似这种的动画效果,可以参考: http://blog.csdn.net/aminfo/article/details/7589149
这个其实就是通过onTo
android中使用PopupWindow实现弹出窗口菜单
结合上篇android中使用ViewPager实现图片拖动,我们实现了点击“帮助”按钮的功能,这一篇则是接着上一篇,让我们一起来完成“我的”按钮的功能,这一功能,则是使用PopupWindow来实现弹出菜单。
老习惯,先上效果图:
android中使用PopupWindow实现弹出窗口菜单
结合上篇android中使用ViewPager实现图片拖动,我们实现了点击“帮助”按钮的功能,这一篇则是接着上一篇,让我们一起来完成“我的”按钮的功能,这一功能,则是使用PopupWindow来实现弹出菜单。
老习惯,先上效果图:
android开发知识点1——按钮效果
android中控件的背景或ImageView、ImageButton的资源包括字体颜色都可以通过一个xml来定义,它是一个selector,定义了在各种状态下所显示的资源,如在正常情况下,按住状态下,选择状态下,获得或失去焦点状态下等。我们的手机是有默认的按钮效果的,但是也许我们觉得它不好看,或与我们的应用的UI不搭,这时,我们就可以通过selector
android 中点击一个Button,怎样在TextView中显示点击次数?
//这是GridView的OnItemClickListener的监听 public void onItemClick(AdapterView&?& arg0, View arg1, int arg2, long arg3) { LayoutInflater inflater =
实现动态旋转控件 网上好多资料都是通过属性来旋转
我现在是想做一个根据OrientationEventListener这个监听来动态的改变控件的方向
我想通过findViewById获取控件
然后在那个监听类中的onOrientationChanged&n
listview 自定义布局 里的 按钮事件如何判断有重复的数据
我目前开发的一个小项目,在开发过程中采用了listview自定义布局里的按钮事件,来给listview增加数据,现在的问题是如何判断数据已经增加过了?(如何判断有重复的数据?)
------最佳解决方案-------------------- List&
【Android每日一讲】 自制计算器 - 多按钮的整合应用
1. 范例说明
在之前我们学会了Android按钮事件的设计,接下来的范例将利用简单的按钮组合制作一个简单的计算器。 这个范例中,除了要活用按钮的组合外,也示范如何利用不同的按钮事件处理与TextView之间的文字变化,尤其是事件彼此不同,连带处理的结果也不同。
2. 运行结果
3. 编写代码
Android 防止控件被重复点击
在开发中经常会遇到这样的情况,一个按钮点击后会弹出Toast或者Dialog,如果快速重复地点击,则Toast则会重复地出现. 而我们想要的效果是一定时间内的点击只生效一次,或者说这种快速且重复的点击为无效点击.
解决的思路如下: 1. 需要定义一个全局变量 lastClickTime, 用来记录最后点击的时间. 2. 每次点击前需
以 android\packages\app\voiceDialer 为例, 如何在界面上加一个按钮 以android\packages\app\voiceDialer为例,如何在界面上加一个按钮呢?
1)先res\layout\x.xml中加一个button标识.
这个button
以 android\packages\app\voiceDialer 为例, 如何在界面上加一个按钮 以android\packages\app\voiceDialer为例,如何在界面上加一个按钮呢?
1)先res\layout\x.xml中加一个button标识.
这个button
android - 自定义标题栏(在标题栏中增加按钮和文本居中)
现在很多的Android程序都在标题栏上都显示了一些按钮和标题,如下图:/apk/res/android& android:orienta
如何动态选择activity 我的app有n个activity,app被启动后,先读配置文件,然后进入指定的activity。不知如何实现?
有一笨法:1.先进入一个activity;(我目的是想把这步省去)
2.再读配置文件;
3.最后进入指定的activity。
刚入门,请教一个功能的实现 想在软件里实现动态的加载图片的功能,图片是在数据库里保存着
请教如果实现,会用到哪些控件,有代码更好,多谢
------解决方案-------------------- 1.在服务器端准备好图片。
2.android端下载,存在本地
没有特别饶人的地方吧,一步步实现就行了。。。哪里不懂再问我
------解决方案------------------
android 单选按钮 RadioButton 自定义图片左边距
很多时候,我们在使用安卓单选按钮的时候,并不会使用安卓自带的单选按钮。 当我们自己设定一个单选图片的时候,一般都会设置 paddingLeft 让文字接在单选按钮图片的右边。 这样因为分辨率不同,会出现文字便宜不正常,解决方法就是:我们需要动态计算paddingLeft,代码如下:
往LsitView中增加HeaderView问题 最近在写一个类似微博的项目,我仿照了新浪微博写了一个好友界面,在网上找了个新浪好友界面相似的例子,用了一个ListView,想给ListView增加一个HeaderView,可是我增加了之后报如下错误:
11-.629:E/AndroidRuntime(1163):FATALEX
android如何实现文件下载管理功能????? 用android实现文件下载功。类似UC、QQ浏览器下载功能一样,点击下载后文件在后台下载,程序可以跳转到其他的activity中,当点击下载管理按钮时跳转到下载管理界面可看到正在下载或已经下载完成的文件,对下载未完成的文件可以实现暂停下载功能。请问该如何实现?
------最佳解决方案--------------------
已经有一个在顶部的Actionbar,怎样动态添加一个下面的actionbar? 如题,
已经有一个在顶部的Actionbar,怎样动态显示或隐藏一个显示在底部的actionbar?
Actionbar是可以拆分的,如果已经设定好一个顶部的actionbar,现在想加一些menu或button在底部显示,但是只在需要的时候显示,其他时候隐藏,而顶部的部分则是一直都要显示的,可以吗?
Android开发20——单个监听器监听多个按钮点击事件
一、单个按钮点击事件的监听
方法一 /** * 从网络上获取图片 * * @author 徐越 * */ public class MainActivity extends Activity { private EditText txtP private Button btnShowI private Im
安卓定义一个layout,xml布局,能根据这个xml动态生成多个一样的布局吗?还要添加事件 如题
xml里的内容: ========================= 标题
一个头像 发布时间
评论 ========================
能动态生成多个这种布局吗?谢谢
------解决方案--------------------
android 点击菜单按钮没反应,window already focused,求解. 一个很简单的代码: public class HelloAndroidActivity extends Activity {
/** Called when the activity is first created. */jQuery实现html表格动态添加新行的方法
本文实例讲述了jQuery实现html表格动态添加新行的方法。分享给大家供大家参考。具体实现方法如下:
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&title&Add Row example&/title&
&script src="jquery-1.6.2.min.js"&&/script&
&script type="text/javascript"&
&!-- jQuery Code will go underneath this --&
$(document).ready(function () {
// Code between here will only run when the document is ready
$("a[name=addRow]").click(function() {
// Code between here will only run
//when the a link is clicked and has a name of addRow
$("table#myTable tr:last").after('&tr&&td&Row 4&/td&&/tr&');
&table style="width: 100%" id="myTable"&
&tr&&td&Row 1&/td&&/tr&
&tr&&td&Row 2&/td&&/tr&
&tr&&td&Row 3&/td&&/tr&
&a href="#" name="addRow"&Add Row&/a&
希望本文所述对大家的jQuery程序设计有所帮助。
如果您喜欢本文请分享给您的好友,谢谢!
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

我要回帖

更多关于 jquery动态添加表格 的文章

 

随机推荐