Question

所以我有这样的代码：

$(".list").append('<li>hi</li>');

以下是一个工作示例：http://jsfiddle.net/pXaSC

当您点击+按钮时，会向button添加ul。

如果您复制并粘贴了.buttons div（复制按钮和列表）并单击其中任何一个上的+按钮，它会在两个文件上附加一个列表项（http://jsfiddle.net/pXaSC/1/）。

然而，我想要实现的是使两个列表独立工作。

我知道我需要以某种方式使用(this)和.parent()选择器，但我无法弄明白。 我不想使用id

。

Answer 1

在按钮单击的事件处理程序中，this对应于按钮。因此，您需要在DOM树中导航到所需的<ul class="list">：

$(this).parent().find('ul.list').append(...);

直到父级（封闭式<div>）的一个级别，然后在该div中找到<ul>。