jquery 动态删除ID相同的对象、动态删除相同类型对象

下面来看看这个例子:

 代码如下 复制代码

<input type="hidden" name="attr_value_list[]" rel="4" all="4" value="">
<input type="hidden" name="attr_value_list[]" rel="4" all="4" value="">
<input type="hidden" name="attr_value_list[]" rel="4" all="4" value="">
<input type="hidden" name="attr_value_list[]" rel="4" all="4" value="">

现在如果想删除其中的一个input,怎么办?

原来的方法:

 代码如下 复制代码

function delRow(who) {
    $("input:hidden[name='attr_value_list[]']").remove();
}

这样全部对象都删除了。显然是行不通的。

正确方法:

 

 代码如下 复制代码
function delRow(who) {
    $("input:hidden[name='attr_value_list[]']:last").remove();
}

这样是删除对象的最后一个。那如果要删除多个怎么办?

这样

 

 代码如下 复制代码
for(i=0;i<num;i++)
{
  $('input:hidden[all="'+id+'"]:last').remove();
}  

这里的num是删除个数

这样就可以实现删除多个对象拉!

时间: 2024-10-29 09:10:04

jquery 动态删除ID相同的对象、动态删除相同类型对象的相关文章

html-实现点击 图标动态增加一行或多行,删除一行或多行

问题描述 实现点击 图标动态增加一行或多行,删除一行或多行 <td colspan =""4""><input class=""w100"" id=""meetingdate1"" name=""meetingdate"" type=""text"" validateGroup="

通过JQuery实现win8一样酷炫的动态磁贴效果

相信大家喜欢这个界面无非也是喜欢它的动态磁贴.刚好今天研究了一下如何通过JQuery在网页上模仿这种效果,就贴出来给大家喷一下.虽然是一些很低级的技术,但是也希望有需要的朋友可以参考下   我个人表示非常喜欢微软新一代的产品,先不管它产品的成熟与否,但是它带来的是全新的产品.所谓全新,是指在用户体验上,苹果这些年的成功使得所有 产品都在模仿它的界面,包括安卓在内,不知道大家的感觉如何,反正我是对这些圆角矩形产生了审美疲劳(苹果以及安卓的粉丝勿喷,这里仅仅是从界面上评价, 事实上从整体上来说,微软

动态的在页面上增加或删除一个文本框

动态|文本框|页面 在web开发中,经常会遇到这样的问题:怎么样动态的在页面上增加或删除一个文本输入框?通常有两种方法:1.利用后台服务:比如在session中设置一个变量num,每点一次"增加"按钮num的值+1,然后页面刷新一下(返回该页面).显示的时候从session中取到num的值,然后使用循环生成input框<% for(int i;i<num;i++)){ %><input type="text" name="aaa&q

jquery-JQuery 动态添加ID后,无法触发点击事件

问题描述 JQuery 动态添加ID后,无法触发点击事件 html代码 学校 姓名 js代码 function abc($ww) { $("#wo").append(" 专业 "); } function a($dd) { $("#h1").html('小明'); } 点击后,为什么无法改变? 解决方案 你的代码没贴全吧,还是没有使用代码片html被过虑了? 首先function a($dd),括号中的参数是不需要加$符号的,其次就是没有绑定点击

jQuery文本框得到与失去焦点动态改变样式效果_jquery

本文实例讲述了jQuery文本框得到与失去焦点动态改变样式效果.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> body { font: nor

通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)_jquery

我个人表示非常喜欢微软新一代的产品,先不管它产品的成熟与否,但是它带来的是全新的产品.所谓全新,是指在用户体验上,苹果这些年的成功使得所有产品都在模仿它的界面,包括安卓在内,不知道大家的感觉如何,反正我是对这些圆角矩形产生了审美疲劳(苹果以及安卓的粉丝勿喷,这里仅仅是从界面上评价,事实上从整体上来说,微软还是有差距的),当年wp的推出让我眼前一亮,马上喜欢上了Metro风格的产品,直至今天wp8以及win8开始越来越成熟. 写的不好,欢迎各位看官指正批评,不欢迎无故猛喷.大神请绕道. 废话少说,

jQuery实现响应鼠标背景变化的动态菜单效果代码_jquery

本文实例讲述了jQuery实现响应鼠标背景变化的动态菜单效果代码.分享给大家供大家参考.具体如下: 这是一款jQuery响应鼠标背景变化的动态菜单,菜单的背景在鼠标放上后有所变化,这款菜单的实现主要是使用了图片,修改菜单的时候要修改图片,有些麻烦,不过效果不错,引入的jquery插件是1.7版本,高版本jQuery未测试,应该也可以啦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-mouse-cha-bg-pic-menu-co

js 动态生成json对象、时时更新json对象的方法_javascript技巧

函数不需要 return,因为 json 对象会被函数直接修改. var str1 = {"name": "apple", "sex": "21"}; // 参数:prop = 属性,val = 值 function createJson(prop, val) { // 如果 val 被忽略 if(typeof val === "undefined") { // 删除属性 delete str1[prop]

asp.net treeView 动态增加节点、编辑节点、删除节点

<% /* 这是一款asp教程.net treeview 动态增加节点.编辑节点.删除节点功能,下面我们第一个实例是讲增加节点的单一功能,后来是具体的举例说是哦treeview动态增加节点.编辑节点.删除节点功能吧. */ //treeview节点seletedindexchange中显示数据修改保存   protected void treeview1_selectednodechanged(object sender, eventargs e)   {   if (this.treeview

jQuery响应式网格的窍门:动态布局页面

界面控件套包NetAdvantage Ultimate中提供了一个专用于jQuery / HTML5开发的控件集--Ignite UI, 其最大特点是针对HTML5的稳定的数据可视化以及迅速的性能.其适用于任何浏览器.任何平台.任何设备的 响应式Web设计引起了我们的注意,经过一段时间的测试,慧都打算和大家分享一下,Ignite UI引以为豪的的 jQuery响应式网格的一些开发窍门. 动态布局页面 所谓网格的动态布局页面,就是指当窗口固 定,但网格内容和页面元素可以实现缩放和左右移动.这个需求