Получение информации, отображаемой только в строке, по которой была нажата кнопка

Question

На данный момент я создал скрипт, который определяет, когда был нажат объект класса .edit, а затем динамически создает две кнопки для отображения.Что должно произойти, так это то, что только строка, в которой была нажата кнопка, должна отображать кнопки, но сейчас она отображает кнопки во всех строках.Это связано с необходимостью циклически проходить по модели и отображать все записи данных.Я думал об использовании уникальных идентификаторов, но я не совсем понимаю, как использовать этот метод или есть ли лучший способ выполнить это действие.

Цикл for, который я создал в своем javascript, исходная мысльэто также означало циклически проходить по всем записям, но отображать кнопку только один раз из всего цикла, но при этом все строки отображали кнопку.

@foreach (var item in Model.Records){
<tr id="@item.RowIndex">
<td>
<button type="button" data-id="{{@item.RowIndex->id}}" id="triggerEditing" value="@item.RowIndex" class="btn btn-primary edit">Edit</button><br /><br /><br />
                <p class="dummy_field" data-id="{{@item.RowIndex->id}}" id="dummy_field"></p>
</td>
</tr>
}

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
                $('body').on('click', '.edit', edit);
                function edit() {   

                    var edit = $(this);
                    var value = edit.val();
                    edit.hide();
                    $('select')
                    for (var i = 0; i < $('.edit').length; i++) {
                        if (i = 1) {
                            var cancelBtn = ('<button class="btn btn-primary cancel">Cancel</button>');
                            $('#dummy_field').append(cancelBtn);
                            var saveBtn = ('<button class="btn btn-primary save" id="save">Save Changes</button>');
                            $("#save").attr('value', value)
                            $('#dummy_field').append(saveBtn);
                            break;
                        }
                    }                             

                    $(".cancel").click(function cancel() {
                        edit.show();
                        document.getElementById("save").style.visibility = "hidden";
                        document.getElementById("cancel").style.visibility = "hidden"; 
                    });


        });

    </script>