引用单个

Question

我有联系人列表。每个li包含2个div用于所有联系人详细信息，另一个用于按钮以联系/编辑/删除联系人。我的问题是我希望能够通过单击其相关的编辑按钮来编辑单个联系人。由于它是专为移动设计的，我不想打开另一个模态窗口或向li添加另一个模板，所以我想将html contenteditable属性设置为true。但是，我无法找到一种方法只对1个联系人执行此操作，基本上所有联系人都可以编辑，这是我不想要的。我已经尝试了各种jQuery选择器/遍历方法并使用＆＃39;这个＆＃39;但没有得到我正在寻找的行为。任何帮助将非常感激。 提前致谢

Answer 1

如果您使用的是Jquery，则解决方案将随父选择器一起提供。

当您在按钮上捕捉事件时，您只需要查看父li。然后，您可以找到所有孩子将其转换为输入。

此代码不起作用。编辑是必要的

Template.toto.events ({
    "click .edit" : function(e){
        var par = $(event.target).parent("li");
        par.children("p").... // find children to make them editable
    }
});

这会引导您找到解决方案