对于动态生成的div，可以在可编辑div中更改值时从按钮中删除类

Question

我正在使用knockout和jquery创建一个应用程序。用户生成的内容可供用户编辑和保存。我有一个 保存按钮 ，它已被禁用，只有在新字符添加到可编辑div时才会启用。

问题： 所有div都会激活“保存”按钮。我只想让相应的按钮启用，剩下的按钮应保持禁用状态。

HTML：

<div data-bind="foreach: $root.goals">
<div class="ui padded segment mainCard brdR-S" data-bind="attr:{id:Title()}">
    <div>
        <div>
            <div contenteditable="true" class="heading pdM-TB wordwrap" data-bind="attr:{href:'#'+Title()}, editableText: Title, event: { keyup: $root.ShowButtons }" id="goalTitle">
            </div>
            <div class="mgXl-T pdM-TB">
                <button class="ui disabled tiny primary button" id="btnSave" data-bind="click: $root.putGoal">
                    <i class="refresh icon"></i>Save
                </button>
            </div>
        </div>
    </div>
</div>

Jquery的

    self.ShowButtons = function (data, e) {
    $('.button').removeClass('disabled')
};