Question

我有一个包含输入字段的表，供班级老师将学生数据保存在工作表中，因此校长可以在工作表中查看，在此表中每个tr都有更新和重置按钮，因此教师可以将他的文本保存在字段中或重置它们，我的html表结构是这个

＆＃13;

<script>
var input = $( "input:reset" ).css({
  background: "yellow",
  border: "3px red solid"
});
$( "div" )
  .text( "For this type jQuery found " + input.length + "." )
  .css( "color", "red" );
 
// Prevent form submission
$( "form" ).submit(function( event ) {
  event.preventDefault();
});
</script>

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<tr>
      <td>211</td>
      <td><textarea placeholder="Title" width="500"></textarea></td>
      <td><textarea placeholder="First name"></textarea></td>
      <td><textarea placeholder="Last name"></textarea></td>
      <td><textarea placeholder="speciality"></textarea></td>
      <td><input type="button" class="button" value="update"></td>
      <td><input type="reset" class="button" value="Reset"></td>
	</tr>
 <tr>
      <td>211</td>
      <td><textarea placeholder="Title" width="500"></textarea></td>
      <td><textarea placeholder="First name"></textarea></td>
      <td><textarea placeholder="Last name"></textarea></td>
      <td><textarea placeholder="speciality"></textarea></td>
      <td><input type="button" class="button" value="update"></td>
      <td><input type="reset" class="button" value="Reset"></td>
	</tr>
 <tr>
      <td>211</td>
      <td><textarea placeholder="Title" width="500"></textarea></td>
      <td><textarea placeholder="First name"></textarea></td>
      <td><textarea placeholder="Last name"></textarea></td>
      <td><textarea placeholder="speciality"></textarea></td>
      <td><input type="button" class="button" value="update"></td>
      <td><input type="reset" class="button" value="Reset"></td>
	</tr>
 <tr>
      <td>211</td>
      <td><textarea placeholder="Title" width="500"></textarea></td>
      <td><textarea placeholder="First name"></textarea></td>
      <td><textarea placeholder="Last name"></textarea></td>
      <td><textarea placeholder="speciality"></textarea></td>
      <td><input type="button" class="button" value="update"></td>
      <td><input type="reset" class="button" value="Reset"></td>
	</tr>

＆＃13;

这是我的代码，有一次它适用于我但是如果我重置tr它会将所有tr字段从一个重置到最后一个，现在它不起作用，我想为一个tr应用重置功能，意思每个tr都有重置按钮，我只想要如果我点击一个重置按钮它只重置它自己的tr输入字段不会影响其他tr。

Answer 1

您只需找到要清除的textarea元素，然后更改其值。这样的事情应该有效：

$('input[type="reset"]').on('click', function(e) {
  var $tr = $(e.target).closest('tr'),
      $textAreas = $tr.find('textarea');

  $textAreas.val('');
  return false;
});

使用jquery按钮重置tr输入字段

1 个答案: