调用 $("button") 时仅引用 1 个按钮（效果为 $(this) ）？

Question

我现在正在创建一个待办事项网络应用程序，该应用程序存储用户按 Enter 键时输入的所有内容。因此，当按下 enter 时，它会以

标签的形式存储一个待办事项。

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

我知道使用 $("button") 会触发所有按钮，但是如何只选择目标按钮呢？

my code snippet the resulting error that occurs

如您所见，现在第一个删除按钮上有 4 个垃圾桶，第二个有 3 个，第三个有 2 个，第四个只有 1 个。应该只有 1 个垃圾桶图标，但它不起作用，因为我确定 $("button") 指的是所有按钮，但我不知道如何只指目标按钮（而不是所有上一个按钮）。

我正在寻找一个按键，每当它按下回车键时，就会创建一个新的待办事项，对吗？正如我正在创建的那样

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

Answer 1

给选择器一些上下文，例如父元素或容器：

$('button', li);

或

$(li).find('button')

---

也就是说，你的按钮不就是trash吗？ $(trash) 可能就够了

Answer 2

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

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