與規格最接近的顯示。

Question

類

我有一個表，具有重複TBODY的完全相同，如下所示：

<tbody> 
     <tr> 
      <td class="icons_small" style="color:#fff; vertical-align:middle;"><!--Change color to white if their is attachment--><span class="task_attachment" title="View Attached Items">v</span></td> 
      <td><span class="active">Task Name</span><br /><span style="vertical-align:middle;" class="icons_small">U</span><span class="contact_name tiny">Contact/Customer</span></td> 
      <td style="text-align:center;" class="tiny"><span class="date_assigned" title="Date Assigned">13/12/2012</span><br /><div id="progressbar" value="50" title="Progress"></div></td> 
      <td style="vertical-align:middle;" class="icons_small"><span class="edit_task" title="Edit Task">E</span></td> 
      <td style="vertical-align:middle;" class="icons_small"><span class="flag_task" title="Flag Task as Important">f</span></td> 
      <td style="vertical-align:middle;" class="icons_small"><span class="set_reminder" title="Set Reminder">A</span></td> 
      <td class="tiny" style="color:#333;"><span class="delete_task" title="Delete Task">Delete</span></td> 
     </tr> 
     <tr class="attachment" > 
      <td class="icons_small" style="vertical-align:middle;"><span class="attchement_type" title="Attachment">A</span></td> 
      <td colspan="6" class="tiny attachment_details">SomeAttachment.pdf</td> 
     </tr> 
</tbody>   

使用jQuery，每個TBODY內，我隱藏第二TR（類=「附件」）。我想顯示這個tr，當我點擊上面tr的第一個td時，它包含span（class =「task_attachment」）。然而，我遇到了一個完全沒有的情況，下面的代碼給了我沒有結果，但我認爲它更接近我所期待的。

 // Show attached files 
       <script> 
       $("tr.attachment").hide(); 
        $("span.task_attachment").click(
         function() { 
          $(this).closest("tr.attachment").show() 
         }); 
       }); 
      </script> 

任何人有任何建議，或看到有什麼不對？

Answer 1

嘗試：

$(this).closest("tr").next().show(); 

最近的測試本身併到DOM樹。您需要的是選擇跨度最接近的下一個元素tr。