标签:event-handling arrays javascript jquery
所以我要玩的这个迷你程序有4个方面:
>主显示屏(一次显示输入的字符串1);
>用户输入单词的表格;
>一个独立的数组,用于存储每个用户输入的字符串;和
>控制面板(微型显示屏),显示用户当前输入的所有字符串.
当前,当用户输入字符串时,它将被发送到容器数组.从阵列转到显示器和控制面板.我添加了事件处理程序功能,该功能允许用户双击控制面板中的条目,然后仅从控制面板中删除该条目…(但是我还需要双击事件来删除它数组中的条目)
$(".controlbox").on('dblclick', 'p', function() {
$(this).closest('p').remove();
});
查看原始代码:
…
因此,我将如何绑定此事件处理程序,以便它也导致从容器数组中删除条目? (因此,这还将导致该条目从主显示中删除,这是我的目标)
我希望用户能够从控制面板中删除条目,而不是必须从数组中删除数组的元素.换句话说,我希望控制面板充当控制面板,因此需要以某种方式将该事件处理程序链接回容器数组.
解决方法:
您可以通过索引将控制台中的条目(双击的条目)与容器数组中的条目相关联.也就是说,控制台中的条目组成了“ .container”元素的子级列表,并且具有与容器数组中的条目相同的索引.
因此,可以使用以下命令从容器数组中删除条目.
$(".controlbox").on('dblclick', 'p', function() {
var $entry = $(this);
container.splice($entry.index(), 1);
$entry.remove();
});
标签:event-handling,arrays,javascript,jquery 来源: https://codeday.me/bug/20191122/2058769.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。