Jquery 更新数据属性值

我试图在编辑按钮上更新一个数据id，但由于某些原因，它停留在一个id上，这是从第一个选择中获取的。这是我的密码：

<input type="text" class="form-control" id="clr_name" name="clr_name">

<button type="submit" class="btn col-xs-6 hide edit">Edit</button>
<button type="submit" class="btn col-xs-6 hide delete">Delete</button>

<div class="col-xs-6">
  <table class="table table-striped">
    <tbody>

      <tr>
        <td>Black</td>
        <td data-id="1" class="edit">edit</td>
      </tr>

      <tr>
        <td>White</td>
        <td data-id="2" class="edit">edit</td>
      </tr>

      <tr>
        <td>Blue</td>
        <td data-id="3" class="edit">edit</td>
      </tr>

    </tbody>
  </table>
</div>
<p>ID: <span class="dataId"></span></p>

---

它保留在一个id上的原因是您的函数中有这一行：

$(name + " .edit, " + name + " .delete").attr("data-id", id);

第一次单击后-您将当前文档设置为

的全部。编辑
和
。删除文档中的
元素

您只需删除此行，您的代码就可以正常工作。
$（name+“button.edit，”+name+“button.delete”）.attr（“数据id”，id）；工作很好。ThxGreat:）很高兴我能帮忙。@Dekel我喜欢你对OP评论的反应，但我认为他/她不明白你在说什么。但是你的评论很有趣，所以我投票支持你的答案。如果代码在JSFIDLE上，你可以直接在这里发布，请参阅
$(name + " .edit, " + name + " .delete").attr("data-id", id);