javascript - 展开表格隐藏表格行

Question

我想在单击上面的行时展开隐藏行

$(".main").click(function () {
  $(this).next("tr").show();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<tr class="row100 body main">
  <td class="cell100 column1" >39</td>
  <td class="cell100 column2" s>900,000</td>
</tr>
<tr class="row100 body sub" style="display:none;">  
  <td class="cell100 column1" >exa</td>
  <td class="cell100 column2" >lura</td>
</tr>

Answer 1

您没有表格标签，包含它即可

$(".main").click(function () {
    $(this).next('tr').show();
});

$(".main").click(function () {
    $(this).next('tr').show();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
    <tr class="row100 body main">
     <td class="cell100 column1" >39</td>
     <td class="cell100 column2" s>900,000</td>
    </tr>
    <tr class="row100 body sub" style="display:none;">  
     <td class="cell100 column1" >exa</td>
     <td class="cell100 column2" >lura</td>
    </tr>
    
    </table>