Question

我正在尝试从表中清除所有输入框，textarea数据而不删除行。

我可以使用

删除行

$('#myTableRow').remove();

但我不知道如何从行中清除数据而不删除它。

Answer 1

这应该这样做

 $('#myTableRow td input[type=text]').val('');
 $('#myTableRow td textarea').val('');

请参阅下面的代码段...

＆＃13;

$(function(){
  $('a').click(function(){
      $('table td input[type=text]').val('');
      $('table td textarea').val('');
    });
  });

＆＃13;

table{
  border-collapse:collapse
  }
td{
  border:1px solid #dcdcdc;
  padding:5px;
  }
a{
  color:Maroon;
  font-weight:bold;
  cursor:pointer;
  font-family:Arial;
  }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<table>
  <tr><td><input type=text value="Text box 1"/></td></tr>
  <tr><td><input type=text value="Text box 2"/></td></tr>
  <tr><td><input type=text value="Text box 3"/></td></tr>
  <tr><td><textarea>Veeeeery Long text</textarea></td></tr>
 </table>

<br/><br/>

<a>Clear All</a>

＆＃13;

Answer 2

试试这个：

$("#table_name > tbody > tr").each(function(){
  $(this).find("input:text,textarea").each(function(){
    $(this).val('');
  });
});

Answer 3

我假设您正在谈论html / text和行的属性，所以我猜你可以这样做：

让我们说#myTableRow有这段代码：

<th id="myTableRow" data-x="Lorem" data-z="Ipsum">
    <br>
    <div style="color: white">Chickens</div>
</th>

您可以按照之前的答案提及$('#myTableRow').html('')。此外，您可以$('#myTableRow').data('x', '')和$('#myTableRow').data('y', '')清除这些值。

如何清除表行中的所有输入框，textarea数据而不删除行？

3 个答案: