javascript - テーブルが選択されているときにテーブル tr を無効にするにはどうすればよいですか?

Question

編集ボタンをクリックしたときに tr を無効にするタスクがあります。編集が完了したら、それを有効にする必要があります。私のコードは

$(document).ready(function () {
    $('.lnkEdit').click(function () {
        $('#myTable tbody:first').append('<tr><td></td><td><input type="text" id="txtEItem"/></td><td><input type="text" id="txtEStatus"/></td><td><input type="button" value="Save" id="btnESave"/> <input type="button" value="Cancel" id="btnECancel"/></td></tr>');
        $(this).parent().parent().hide();
    });
});

デモはこちら

Answer 1

このコードを試してください..追加を開始する前に、親の兄弟を隠します

$(document).ready(function () {
    $('.lnkEdit').click(function () {
         $(this).parent().parent().siblings().hide(1000);
        $('#myTable tbody:first').append('<tr><td></td><td><input type="text" id="txtEItem"/></td><td><input type="text" id="txtEStatus"/></td><td><input type="button" value="Save" id="btnESave"/> <input type="button" value="Cancel" id="btnECancel"/></td></tr>');
        $(this).parent().parent().hide();

    });
});