切换tr中的td的jQuery设置值

Question

我有以下js脚本

$('#module-listing  > tbody  > tr').each(function(){
        $(this).toggle('show');
    });

如何更改显示的每个td的第一个tr？

Answer 1

使用:first-of-type

$(#module-listing > tbody > tr > td：第一类型 )

$('#module-listing  > tbody  > tr > td:first-of-type').each(function(){
  $(this).toggle('show');
});

td {visibility: collapsed;}
.show {visibility: visible;}

<table id='module-listing'>
  <tr><td>1</td><td>2</td><td>3</td></tr>
  <tr><td>1</td><td>2</td><td>3</td></tr>
  <tr><td>1</td><td>2</td><td>3</td></tr>
  <tr><td>1</td><td>2</td><td>3</td></tr>
</table>

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