如何在不删除数据的情况下清除HTML中的表格内容

Question

这只是一个示例代码。有没有办法在不删除数据的情况下清除内容？

 <table border="1" >

   <tr>  <td>content 1</td> </tr>
   <tr>  <td>content 2</td></tr>
 </table>

 <button> clear </button>

Answer 1

试试这个......我想这就是你想要的......

https://jsfiddle.net/8bf0s0gL/1/

$('button').click(function(){
  $('table').find('tr').toggle();
})

Answer 2

你可以隐藏内容

<tr> <td id='hide'>content1</td> </tr>
<tr> <td id='hide'>content2</td> </tr>

<button type='button' onClick='this()'>Clear</button>

就像你的想法一样