如何使用Javascript / jQuery将事件处理程序绑定到删除数组项?

Seeeyonnn

所以我要玩的这个迷你程序有4个方面:

  1. 主显示屏(一次显示输入的字符串1);
  2. 用户输入单词的形式;
  3. 存储每个用户输入的字符串的独立数组;
  4. 一个控制面板(迷你显示器),显示所有用户当前输入的字符串。

当前,当用户输入字符串时,它将被发送到容器数组。从阵列转到显示器和控制面板。我添加了一个事件处理程序功能,该功能允许用户双击控制面板中的条目,然后仅从控制面板中删除该条目...(但是我还需要双击事件来删除它数组中的条目)

$(".controlbox").on('dblclick', 'p', function() {
    $(this).closest('p').remove();
});

查看原始代码:

小提琴

...

因此,我将如何绑定此事件处理程序,以便它也导致从容器数组中删除条目?(因此,这还将导致该条目从主显示中删除,这是我的目标)

我希望用户能够从控制面板中删除条目,而不是必须从数组中删除数组的元素。换句话说,我希望控制面板充当控制面板,因此需要以某种方式将该事件处理程序链接回容器数组...。

约翰·S

您可以通过索引将控制台中的条目(双击的条目)与容器数组中的条目相关联。也就是说,控制台中的条目组成了“ .container”元素的子级列表,并且具有与容器数组中的条目相同的索引。

因此,您可以使用以下命令从容器数组中删除条目。

$(".controlbox").on('dblclick', 'p', function() {
    var $entry = $(this);
    container.splice($entry.index(), 1);
    $entry.remove();
});

jsfiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将事件处理程序绑定到“ console.log” JavaScript事件

来自分类Dev

如何使用Javascript / jQuery将事件处理程序绑定到删除数组项?

来自分类Dev

jQuery使用事件处理程序删除元素

来自分类Dev

如何使用jQuery中的循环自动绑定多个事件处理程序

来自分类Dev

如何在PHP中根据键名删除数组项?

来自分类Dev

将事件绑定到使用jQuery Load加载的内容

来自分类Dev

如何在Mongodb / Golang中删除数组项?

来自分类Dev

如何使用JavaScript / Jquery / Knockout JS将数字数组绑定到Range Slider

来自分类Dev

如何将事件处理程序绑定到打字稿中的类方法?

来自分类Dev

如何提供正确的上下文或将其绑定到JavaScript中的事件处理程序?

来自分类Dev

React-如何从状态中删除数组项?

来自分类Dev

使用KnockoutJS,如何绑定到数组项的子属性

来自分类Dev

如何使用Javascript从数组中删除数组?

来自分类Dev

如何在jQuery插件中绑定此事件处理程序?

来自分类Dev

Javascript-按值删除数组项

来自分类Dev

如何删除使用jQuery.bind创建的事件处理程序?

来自分类Dev

jQuery如何将事件绑定到已删除并再次添加的元素

来自分类Dev

如何使用jQuery Ajax将JavaScript数组项加载到MySQL数据库

来自分类Dev

如何使用JavaScript / Jquery / Knockout JS将数字数组绑定到Range Slider

来自分类Dev

javascript-如何使用闭包将事件绑定到循环中的元素数组?

来自分类Dev

使用未命名函数将元素绑定/取消绑定到JS事件处理程序

来自分类Dev

Javascript-删除数组项和DOM

来自分类Dev

如何将事件Jquery绑定到页面?

来自分类Dev

jQuery:如何将 onClick 事件绑定到 DataTable 行?

来自分类Dev

如何仅删除数组项?

来自分类Dev

使用 jQuery 实用地测试特定事件处理程序(函数)是否绑定到对象的事件

来自分类Dev

如何处理此 JSON 数组以删除数组每个元素中的包装器对象?使用 JavaScript

来自分类Dev

如何使用javaScript按索引删除数组元素?

来自分类Dev

如何使用javascript编辑数组项

Related 相关文章

  1. 1

    将事件处理程序绑定到“ console.log” JavaScript事件

  2. 2

    如何使用Javascript / jQuery将事件处理程序绑定到删除数组项?

  3. 3

    jQuery使用事件处理程序删除元素

  4. 4

    如何使用jQuery中的循环自动绑定多个事件处理程序

  5. 5

    如何在PHP中根据键名删除数组项?

  6. 6

    将事件绑定到使用jQuery Load加载的内容

  7. 7

    如何在Mongodb / Golang中删除数组项?

  8. 8

    如何使用JavaScript / Jquery / Knockout JS将数字数组绑定到Range Slider

  9. 9

    如何将事件处理程序绑定到打字稿中的类方法?

  10. 10

    如何提供正确的上下文或将其绑定到JavaScript中的事件处理程序?

  11. 11

    React-如何从状态中删除数组项?

  12. 12

    使用KnockoutJS,如何绑定到数组项的子属性

  13. 13

    如何使用Javascript从数组中删除数组?

  14. 14

    如何在jQuery插件中绑定此事件处理程序?

  15. 15

    Javascript-按值删除数组项

  16. 16

    如何删除使用jQuery.bind创建的事件处理程序?

  17. 17

    jQuery如何将事件绑定到已删除并再次添加的元素

  18. 18

    如何使用jQuery Ajax将JavaScript数组项加载到MySQL数据库

  19. 19

    如何使用JavaScript / Jquery / Knockout JS将数字数组绑定到Range Slider

  20. 20

    javascript-如何使用闭包将事件绑定到循环中的元素数组?

  21. 21

    使用未命名函数将元素绑定/取消绑定到JS事件处理程序

  22. 22

    Javascript-删除数组项和DOM

  23. 23

    如何将事件Jquery绑定到页面?

  24. 24

    jQuery:如何将 onClick 事件绑定到 DataTable 行?

  25. 25

    如何仅删除数组项?

  26. 26

    使用 jQuery 实用地测试特定事件处理程序(函数)是否绑定到对象的事件

  27. 27

    如何处理此 JSON 数组以删除数组每个元素中的包装器对象?使用 JavaScript

  28. 28

    如何使用javaScript按索引删除数组元素?

  29. 29

    如何使用javascript编辑数组项

热门标签

归档