0

以下に示すように、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 内で、2 番目の tr (class="attachment") を非表示にします。span(class="task_attachment") を含む上記の tr の最初の td をクリックすると、この tr を表示したいと思います。しかし、私は全か無かの状況に陥っています。以下のコードでは結果が得られませんが、探しているものに近いと思います。

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

誰にも提案がありますか、これに何か問題がありますか?

4

1 に答える 1

0

試す:

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

最も近いテスト自体と DOM ツリーまで。必要なのは、スパンに最も近い次の要素を選択することですtr

于 2013-09-22T17:55:11.050 に答える