函数绑定和 clone() 函数 - Jquery

2023-12-04

克隆元素时,我的 keyup 绑定出现问题。这是场景:

我有一个像这样的 html 标记:

<tr class="rijbasis">
   <td>
      <input type="text" class="count" />
   </td>
   <td>
       <span class="cost">10</span>
   </td>
   <td>
       <span class="total">10</span>
   </td>
</tr>

我将 keyup 函数绑定到表行的输入元素,如下所示:

$('.rijbasis input').keyup(function(){
    var parent = $(this).parent().parent();
     $('.total',parent).text(parseInt($('.cost',parent).text()) * parseInt($('.count',parent).val()));
}

我设计了这样的函数,这样我就可以在 onclick 事件上克隆表行并将其附加到 tbody 中:

$('.lineadd').click(function(){
        $('.contract tbody').append($('.contract tbody tr:last').clone());
        $('.contract tbody tr:last input').val("0");
 });

这 al 有效,但 keyup 函数不适用于克隆行的输入元素。

有人可以提供帮助或建议吗?我希望我已经足够清楚了,如果需要解决这个问题,我肯定会添加细节。

问候


你有两个real options

  • use clone(true)这也将克隆绑定的事件处理程序
  • 使用事件委托live()以便事件处理程序绑定到父元素,因此新添加的行将获得相同的功能
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

函数绑定和 clone() 函数 - Jquery 的相关文章

  • 我希望 jQuery 验证器向表单元素的父级添加一个类

    我该如何使用jQuery 验证器 http docs jquery com Plugins Validation添加 删除类名 例如validate 在表单元素的父元素上 li 这样我就可以通过仅设置一个类名来设置与该元素相关的所有内容的样
  • 使用 jQuery 选择具有数据属性的元素为其父元素分配一个 null ID

    这确实很奇怪 如果我使用 jQuery find 在滚动事件期间查找具有数据属性的子元素 然后滚动页面将重复添加和删除 IDparents这些元素 这很难描述 但这里有一个可重现的测试用例 http jsfiddle net 8fouvx9
  • jQuery 中的 $('') 与 $('')

    我看到人们以两种不同的方式在 jQuery 中创建 HTML 元素
  • PLpgSQL 函数不返回匹配的标题

    当给定文本时 我试图返回电影名称以及演员和工作人员的数量 当我输入字符串并使用 ilike 时 我的查询返回不匹配的标题 我之前创建了一个视图 其中包含要在函数中输入的电影标题和工作人员数量 我的代码是 create or replace
  • jQuery 悬停时滚动到 div 并返回到第一个元素

    我基本上有一个具有设定尺寸的 div 和overflow hidden 该 div 包含 7 个子 div 但一次只显示一个 我希望当它们各自的链接悬停时能够平滑地垂直滚动 但是 第一部分 div 没有链接 并且是没有悬停链接时的默认部分
  • jQuery:单击外部元素以“关闭”使用toggleClass 出现的菜单

    我已经构建了一些导航 针对移动网络 它使用 jQuery 中的toggleClass 方法来隐藏和显示菜单 单击 MENU 图标 按钮可在菜单 div 上打开和关闭类 active 显示 隐藏 我一直在拼命寻找一种通过单击菜单外部 页面上的
  • 用javascript调用外部网页(跨域)

    我正在尝试使用以下网络服务来验证提要这个问题 https stackoverflow com questions 11996430 check if a url is a valid feed 但浏览器不允许我向另一台服务器发送 ajax
  • jquery select 如果 option.value 等于某个值,则标记为选中

    我有一些关于 jquery 选择的问题 就我而言 如果option value等于某物 标记 aselected为了它 在线代码在这里 http jsfiddle net WnEfJ 再次重复代码 它引起了Uncaught TypeErro
  • 在画布上绘制多个矩形

    我试图在鼠标移动时在画布上添加多个矩形 但是当我在图像上绘制矩形时 画布上的背面图像也会被清除 我不想删除它 我想要画布上有多个矩形而不清除画布图像 请检查下面的 JavaScript 代码 var canvas document getE
  • jQuery.post 改变 HTML 中的一些特殊字符

    TinyMCE 中的示例数据 和 以上HTML代码 p 10003 and 9786 9999 9986 p 之前 工作正常 在保存的文档中获得相同的字符 function save and submit var tinyGenData t
  • 当所选选项是下拉列表中已选择的选项时如何接收事件?

    动机 我想动态加载一个select使用来自 AJAX 调用的值 并允许用户select加载后列表中的第一项after它获得焦点 现在 第一项是selected项目 当您单击下拉列表并单击第一项时 什么也没有发生 我无法添加任何无效选择的占位
  • 在 C 中通过引用传递数组

    我是 C 新手 我有一个疑问 由于 C 函数创建其参数的本地副本 我想知道为什么以下代码按预期工作 void function int array array 0 4 array 1 5 array 2 6 int main int arr
  • PostgreSQL函数中sql语言和plpgsql语言的区别

    我很新数据库开发所以我对下面的例子有一些疑问 函数 f1 语言 SQL create or replace function f1 istr varchar returns text as select hello varchar istr
  • jQuery 插件不能很好地与 Angularjs 配合使用

    我用过jQuery 滑块在我的项目中 我使用 Angular 加载图像 我目前的观点是这样的 div div class slides container a href img width 919 height 326 alt a div
  • 如何在ASP.NET Webform中使用Jquery表单插件?

    我遇到了这个插件 http malsup com jquery form getting started http malsup com jquery form getting started 我想知道如何在 ASP NET WebForm
  • Jquery从下拉列表中获取所选值的id

    我有一个下拉列表 可以从数据库获取值 如下所示 get getJobs function jobs seljobs jobs var i 0 jobs forEach function n alert job id n id 32 67 4
  • 如何将送货地址复制到帐单地址

    我想知道是否可以将送货地址复制到帐单地址 当用户单击与送货地址相同的复选框时 送货地址值将被复制到账单输入字段 我完成了大部分部分 但我不确定如何将选择菜单 状态 值复制到帐单地址 我真的很感谢任何帮助 My code document r
  • 如何通过jquery更改元素的类名

    div class bestAnswerControl div class IsBestAnswer div div 我想补充一下 bestanswer some attribute 我想更换class IsBestAnswer div 到
  • 我如何将整数列表添加到路由

    我正在尝试将 int 数组添加到我的 Url Action 中 如下所示 var routeData new RouteValueDictionary for int i 0 i lt Model GroupsId Length i rou
  • 数据表日期范围过滤器

    如何添加日期范围过滤器 like From To 我开始进行常规搜索和分页等工作 但我不知道如何制作日期范围过滤器 我正在使用数据表 1 10 11 版本 My code var oTable function callFilesTable

随机推荐

  • mssql 2个日期时间之间的30分钟时间间隔

    我有以下查询 我想获取 2 个日期时间之间 30 分钟间隔的日期时间 基本上我得到了它 但它是有限的 如果时间差超过 24 小时 则不会返回所有结果 例如 DateTime1 24 11 2016 18 00 00 DateTime2 25
  • javascript从多个范围中获取随机数

    我见过不同语言的不同实现 但是我还没有遇到 js 方法 本质上 我希望能够检索提供的范围数组内的随机值 var ranges min 2 max 50 min 500 max 600 etc 我有基本的最小最大函数 只是不知道如何有效地做到
  • 用于测试任何委托性能的通用函数

    当测试不同方法实现的相对性能时 我发现自己重写了与此类似的函数 private static long Measure int iterations Func
  • 当前播放音乐的曲目信息

    我正在实现一个与获取当前音乐曲目信息相关的应用程序 我正在使用以下代码来实现 public class CurrentMusicTrackInfoActivity extends Activity public static final S
  • PHP:Mysqli 用“select *”准备了语句

    这就是我目前从数据库获取的方式 if stmt mysqli gt prepare SELECT fname lname from table name where cno gt LIMIT 50 stmt gt bind param i
  • Dropbox Sync API Android - 更新缓存文件

    我在更新 Android 应用程序中现有的缓存文件时遇到麻烦 for DbxFileInfo fInfo fileList Log d TAG File Path fInfo path toString String fileName fI
  • toLocaleDateString() - 挪威语问题

    我在正确设置区域设置日期字符串格式时遇到问题 它突然停止为挪威语工作 我尝试过 不 不 和 nb 不 关于可能导致这种情况的原因有什么想法吗 我被困住了 Example console log new Date toLocaleDateSt
  • 用数组索引多维数组

    我有一个多维 NumPy 数组 In 1 m np arange 1 26 reshape 5 5 In 2 m Out 2 array 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
  • 固定小数精度[重复]

    这个问题在这里已经有答案了 我目前正在使用 std cout precision 5 设置我的输出的小数精度 然而 我宁愿拥有我的 输出总是输出 5 位小数 现在不会显示 0 我将如何更改我的代码以反映这一点 您正在寻找std fixed和
  • Magick++ 链接错误

    我这里有一个使用 Magick ImageMagick 接口 库的简单图像转换器代码 Eclipse IDE include
  • Tableau - 公用表表达式 (CTE) SQL Server

    我正在将 Tableau 与 SQL Server 连接 并尝试使用 T SQL 查询 我只是想知道 Tableau 是否支持 CTE 通用表表达式 我看到这篇文章 它说 CTE 是可能的 http kb tableau com artic
  • 如何使 Doctrine_Expression ( Doctrine 1.2 ) 尝试获取最后 7 天

    我尝试用原则 1 2 进行这个查询 q gt where date gt new Doctrine Expression DATE SUB CURDATE INTERVAL 7 DAY 但它没有给我返回任何结果 任何想法 thanks 它不
  • 如何从字符串中提取浮点数[重复]

    这个问题在这里已经有答案了 我有很多类似的字符串Current Level 13 4 db 我想只提取浮点数 我说的是浮动而不是十进制 因为它有时是整数 RegEx 可以做到这一点还是有更好的方法 如果您的浮点数始终以十进制表示法表示 例如
  • 在 PyQt 中嵌入“图形类型”Seaborn 图(pyqtgraph)

    我正在使用 PyQt 的包装器 pyqtgraph 构建 GUI 应用程序 我希望嵌入一个Seaborn使用其中的绘图MatplotlibWidget 但是 我的问题是 Seaborn 包装方法 例如FacetGrid不接受外部图形句柄 此
  • 正则表达式匹配数字逗号数字

    这就是我现在所拥有的 0 9 0 9 我的问题是我希望能够在逗号前后添加多于一位的数字 例子 1 12 12 12 123 12 12 123 以上所有数字均应有效 我建议如下 d d The 与前一项匹配一次或多次 参考 JavaScri
  • MVC 不应该默认忽略图像吗?

    如果有1 jpg图像 因此它被下载并显示 img src Content Pages 1 jpg 但是 如果没有1 jpg图像在Pages文件夹 所以我收到以下错误 The controller for path Content Pages
  • docker 在主机上安装卷

    我已经成功地能够使用以下命令在具有卷的 docker 容器之间共享文件夹 docker run v host path container path 但我的问题是这和使用有什么区别VOLUMEDockerfile 中的命令 VOLUME p
  • 如何区分 Excel 中两个字符串之间的差异?

    我创建了一份评估 供申请人在 Excel 中填写 我有一把钥匙 我可以在其中复制他们的答案 它会告诉我他们的答案是否与我的钥匙匹配 我想添加一个公式 该公式还可以显示申请人的单元格 B2 和密钥的单元格 A2 之间的差异 以便更容易地看到他
  • 我想在 ajaxToolkit:AjaxFileUpload 开始上传时显示一条消息,有没有办法做到这一点

    我想在 ajaxToolkit AjaxFileUpload 开始上传时收到一条消息 有没有办法做到这一点 默认情况下AjaxFileUpload没有这样的事件 但由于 AjaxControlToolkit 是一个开源库 您可以自己添加它
  • 函数绑定和 clone() 函数 - Jquery

    克隆元素时 我的 keyup 绑定出现问题 这是场景 我有一个像这样的 html 标记 tr class rijbasis td td tr