jquery - クリック時に送信ボタンとフィールドを非表示にする

Question

ユーザーはデータを入力して送信します。

送信されたデータをテーブルのこのセルに入れ、送信ボタンをクリックしてフィールドを非表示にするにはどうすればよいですか

<td>
    <input type="text" placeholder="Module Code" class="Event" />
    <input type="text" placeholder="Module" class="Event" />
    <input type="text" placeholder="Room" class="Event" />
    <input id="Submit1" type="submit" value="submit"/>  

ここはhttp://jsfiddle.net/fJTr8/です

ご協力いただきありがとうございます

Answer 1

入力タグを div 内に配置します (一意の ID を使用)。<td>各入力タグと要素にも一意の ID を割り当てます。それで：

$('#button-id').click(function() {
   $('#div-id').hide();
   $('#td-id').html(/* retrieve the data from the input tags */);
});

Answer 2

このようなことを意味しますか http://jsfiddle.net/fJTr8/7/

$('#Submit1').parent('td').css('background-color','red')
$('#Submit1').click(function() {
    var module_code = $('#module_code').val()
    var module = $("#module").val();
    var room = $("#room").val();
   var td ="<td class='"+module_code+"'><div>"+module_code+"</div><div>"+module+"</div><div>"+room+"</div></td><td>"
   $(this).parent('td').html(td)
});