Javascript x-可编辑打开按钮，如何编辑特定注释？

我已经添加了x-editable注释来编辑按钮，但我不知道“编辑”按钮如何找出要编辑的对象

<% commentable.comments.each do |comment| %>
    <div class="well">
      <a  href="#" data-xeditable="true" data-pk="<%= comment.id %>"
          style="border:none; color:black; text-decoration: none !important;cursor: default;"
          id="edit-comment"
          data-model="comment"
          data-name="content"
          data-type="text"
          method="put"
          data-toggle="manual"
          data-url="<%= comment_path(comment) %>">
          <%= comment.content %>
      </a>
      <div class="btn btn-default" id="edit-button" style="float:right;"> 
        <span class="glyphicon glyphicon-edit" aria-hidden="true"> Edit </span> 
      </div>
    </div>

结果是：当我点击编辑按钮时，我可以编辑第一条评论，它的id是：“编辑评论”。当我在循环中创建下一条注释并且该注释具有相同的id:）时，问题开始了，触发器上的第二个编辑按钮如何知道编辑了哪个注释（对象？

好的，我找到了解决方案。“查找“父对象”按钮，然后查找带有类编辑注释的迭代对象，并在该元素上使用toggle”

理解此逻辑后，我只需正确使用语法即可：

$(function() {  
    $('.edit-button').click(function(e) {
      e.stopPropagation();
      $(this).parent().find(".edit-comment").editable('toggle');
    });
});

---

它如何具有相同的

id

？如果它在循环中运行，那么它一定是不同的否？是的…所以我尝试循环并使用类…但是在单击每个编辑按钮时，只有最后一个注释激活可编辑…我如何使用$找到父对象（此）？有什么帮助吗？

$(function() {  
    $('.edit-button').click(function(e) {
      e.stopPropagation();
      $(this).parent().find(".edit-comment").editable('toggle');
    });
});