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

你的意思是这样的 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)
});

Answer 2

将输入标签放在 div 中（具有唯一 ID）。<td>为每个输入标签和元素分配一个唯一的 ID 。然后：

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