<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<title></title>
</head>
<body>
<table class="tapshil" id="" border="2px" width="100%">
<thead>
<tr>
<th> <font face="preeti">l;=g+=</font></th>
<th><font face="preeti"> k|=b=g</font></th>
<th><font face="preeti"> ldlt</font></th>
<th><font face="preeti"> eG;f/ dx;'n tyf hl/jfgf</font> </th>
<th><font face="preeti"> cGtMz'Ns</font></th>
<th><font face="preeti"> d"=c=s/ </font></th>
<th><font face="preeti"> hDdf dx;'n</font> </th>
<th><font face="preeti"> hDdf </font> </th>
</tr>
</thead>
<tbody>
<!-- put loop here -->
<tr>
<td>1</td>
<td>11
1212231
</td>
<td id="nameOfPeople">Arun Lama 2070-01-01 2072-01-01 Amin Shrestha 2070-01-01 2072-01-01
</td>
<td>3</td>
<td>7</td>
<td>11</td>
<td>15</td>
<td id="totalOfAll">36</td>
</tr>
</tbody>
</table>
</body>
</html>
我有一个<td id="nameOfPeople"></td>
.我想通过使用它的Id清除该特定的数据。所以我尝试清除数据,但没有被清除。我尝试过:
$(".tapshil tbody tr td .nameOfPeople").text('');
我试图清空 的数据,但它没有清除该字段。如何将其清空?
最佳答案
您预计在这个地方会发生什么?表格无法重排以填充剩余空间 - 这似乎是导致浏览器响应错误的原因。
考虑隐藏 td 的内容,而不是 td 本身。
您可以使用内联 css 来隐藏它:)
<td style="visibility:hidden"> Your content is hidden </td>
您也可以通过 JQuery 隐藏它。 使用 $("#td_id").hide();
关于javascript - 如何使用javascript/jquery清除<table>标签的特定<td>数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54665911/