Jquery 页面中如若是遍历出来的数据,如何针对其中一条信息进行操作(增删改)

背景:因为遍历出来的的数据,如不进行任何操作,其后面的按钮在ID相同的情况下,事件触发和表单获取都只能有一个。而不能将所有的数据包括在内。

转自百度:  http://zhidao.baidu.com/link?url=HSORjB-yy61-8h_8dDY72sN_5jzjaapyUa0zk9TLJCOoZFcHZ6Df2PjFtCvmkGdziXK5QSmji-n-HvUy_38LOK
为这5个按钮设置一个相同的class<input class="btn" id="btnA" .....<input class="btn" id="btnB" .....<input class="btn" id="btnC" .....<input class="btn" id="btnD" .....<input class="btn" id="btnE" .....

用JQuery去监听,当class为btn的按钮被点击时$(".btn").click(function(){    // 下面这行代码就是你要的ID属性    $(this).attr("id");

});

如果按钮也是动态生成的,要通过live去绑定事件,写法如下$(".btn").live("click",function(){    // 下面这行代码就是你要的ID属性    $(this).attr("id");

});

jquery1.9之后的版本使用 $("").on("click",function(){    var temp = $(this).attr("id");    //这样就可以获取到动态加载数据的ElementByID中的ID的值了。})

jQuery1.9+中删除了live以后的替代方法
时间: 2024-10-26 22:35:58

Jquery 页面中如若是遍历出来的数据,如何针对其中一条信息进行操作(增删改)的相关文章

Sqlserver 实际开发中常见的数据库操作增删改查----增

注意我说的常见查询,可不是简单到一个表得增删改查,做过实际开发得人都知道,在实际开发中,真正牵扯到一个表得增删改查只能说占很小得一部分,大多都是好几个表的关联操作的. 下面我就说一下我在实际开发中经常用到得一些增删改查方式.(首先我还要说一下,就是我虽然能写,但是我不知道这种查询方式叫什么类型查询,毕竟数据库这块以前都没干过,做.net开发也就一年左右,大家看我写的博客也会知道,以前搞前端U3D游戏开发的,不接触数据库,取数据调后台接口就行了,其他不用管.所以没做.net前,我也就是会大学时候学

Jquery页面中添加键盘按键事件,如ESC事件

1.给整个页面添加ESC事件: $(document).keyup(function(event){ switch(event.keyCode) { case 27: alert("ESC"); case 96: alert("ESC"); } }); 2.给指定元素添加ESC事件: 当按下一个键盘按键时触发onkeydown事件 keycode   0 =keycode   1 =keycode   2 =keycode   3 =keycode   4 =key

jquery 中json数组的操作 增删改

链接地址:http://blog.sina.com.cn/s/blog_86be5e2f0101bc3k.html 在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多. 今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽. 记录下来. 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var

Sqlserver 实际开发中常见的数据库操作增删改查----删

--我们就以院系,班级,学生来举例. create TABLE [dbo].YuanXi ( Id int IDENTITY(1,1) NOT NULL,--学校id 自增量 YuanXiName varchar(50) null, --院系名字 ) create TABLE [dbo].Class ( Id int IDENTITY(1,1) NOT NULL,--班级id 自增量 YuanXiID int null,--院系id ClassName varchar(50) null --班级

Sqlserver 实际开发中常见的数据库操作增删改查----改

--我们就以院系,班级,学生来举例. create TABLE [dbo].YuanXi ( Id int IDENTITY(1,1) NOT NULL,--学校id 自增量 YuanXiName varchar(50) null, --院系名字 ) create TABLE [dbo].Class ( Id int IDENTITY(1,1) NOT NULL,--班级id 自增量 YuanXiID int null,--院系id ClassName varchar(50) null --班级

在 jsp页面中遍历list中的数据

往往我们都会将查询到的数据显示到界面中,那么该如何在界面显示,请看下面的详解: 0)前提得在jsp页面中获取后台传过来的数据(在此为List集合): <% List itemCategoryList=(List)request.getAttribute("itemCategoryList"); %> 往往在前台显示的时候回使用三种方式,一个是使用for循环,另一个是使用循环迭代器iterator,最后还有一种是使用JSTL.下面分别来看如何进行操作: 1)使用for循环方式

使用HTML5的JS选择器操作页面中的元素

上一篇文章介绍了HTML5新增的JavaScript选择器,今晚正式实践一下,使用HTML5的JS选择器操作页面中的元素. 文件命名为:querySelector.html,可在Chrome浏览器中预览效果. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用HTML5的JS选择器操作页面中的元

Qt实现 动态化遍历二叉树(前中后层次遍历)

binarytree.h 头文件 1 #ifndef LINKEDBINARYTREE_H 2 #define LINKEDBINARYTREE_H 3 #include<c++/algorithm> 4 #include<c++/cstdio> 5 #include<string> 6 #include<c++/string> 7 #include<c++/vector> 8 #include<vector> 9 #include&

TP框架中 数据库的增删改查

框架会用到数据库的内容,这一篇就是关于数据库的增删改查. 数据库的操作,无疑就是连接数据库,然后对数据库中的表进行各种查询,然后就是对数据的增删改的操作, 想要操作数据库,第一步必然是要:链接数据库 一.链接数据库 (1)找到模块文件夹中的Conf文件夹,然后进行编写config.php文件 我这里是这样的文件路径 (2)打开这个config.php文件,然后找到父类配置文件convention.php文件,将关于"数据库"的部分复制粘贴到config.php配置文件中(父类的conv