JQuery切換選定的表格行

Question

我正在顯示項目列表。每個項目都有一個描述，當點擊表格行時將顯示該描述。如果我刪除find（#planetDistance td）並剛剛切換，它將隱藏@item名稱，然後顯示行星距離，我希望兩者都顯示。

<div class="rightCol"> 
    <table id="planetTable"> 
     @foreach (var item in Model) 
    { 
     <tr> 
      <td><b>@item.Name</b></td> 
      <td id="planetDistance" style="display:none">@item.ToString()</td> 
     </tr> 
    } 
</table> 
</div> 
    @section scripts{ 
<script type="text/javascript"> 

    $(document).ready(function() { 

     $('#planetTable tr').click(function() { 
     var result = $(this).find("#planetDistance td"); 
     result.toggle(); 
     }); 
    }); 

Answer 1

id應該是唯一的，而不是使用class

<div class="rightCol"> 
    <table id="planetTable"> 
     @foreach (var item in Model) 
    { 
     <tr> 
      <td><b>@item.Name</b></td> 
      <td class="planetDistance" style="display:none">@item.ToString()</td> 
     </tr> 
    } 
</table> 
</div> 
    @section scripts{ 
<script type="text/javascript"> 

    $(document).ready(function() { 

     $('#planetTable tr').click(function() { 
     var result = $(this).find("td.planetDistance"); 
     result.toggle(); 
     }); 
    });