在调用$(“按钮”)时,仅参考1个按钮(对于$(this)的效果)?

时间:2017-07-15 00:22:44

标签: javascript jquery

我正在创建一个todo Web应用程序,用于存储用户在按Enter键时输入的所有内容。因此,当按下enter时,它以<<形式存储todo。 li>标签。

我正在通过出现的按钮进行删除功能,并尝试向按钮添加垃圾图标,当我将鼠标悬停在按钮上时会显示该图标。每当我将垃圾桶图标添加到我创建的新制作的待办事项中时,将垃圾图标添加到按钮的事件即使对于之前的按钮也是如此。如何防止此触发过去的按钮?

我知道使用$(“按钮”)触发所有按钮,但如何只选择目标按钮?

my code snippet the resulting error that occurs

如您所见,第一个删除按钮上有4个垃圾桶,第二个删除3个,第三个删除2个,第四个只有1个垃圾桶。应该只有1个垃圾图标,但它不起作用,因为我确定$(“按钮”)指的是所有按钮,但我不知道如何只引用目标按钮(而不是所有按钮)以前的按钮)。

我正在寻找一个按键,每当它进入时,都会创建一个新的待办事项,对吗?当我创建那个

  • todo元素时,我也试图在右侧创建并附加一个垃圾按钮。我需要将图标包装到按钮,但是当我执行该行代码时,它会将图标包装到每个现有按钮,即使某些按钮已经有图标。如何更改此设置,以便仅为每个按钮创建一次图标。

  • 2 个答案:

    答案 0 :(得分:0)

    为选择器提供一些上下文,例如父元素或容器:

    $('button', li);
    

    $(li).find('button')
    

    那就是说,trash只是你的按钮? $(trash)可能就够了

    答案 1 :(得分:0)

    试试$(trash)。您可以使用HTMLDOMElement创建jQuery实例。

    更多信息 - http://api.jquery.com/jQuery/