У меня есть таблица с повторяющимся телом, как показано ниже:
<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 (class= "attachment"). Я хочу показать это tr, когда я нажимаю на вышеуказанный tr first td, который содержит span (class= "task_attachment"). Тем не менее, я столкнулся со всей ситуацией или ничего, код ниже не дает мне результата, но я думаю, что он ближе к тому, что я ищу.
// Show attached files
<script>
$("tr.attachment").hide();
$("span.task_attachment").click(
function () {
$(this).closest("tr.attachment").show()
});
});
</script>
У кого-нибудь есть какое-либо предложение или что-то не так с этим связано?
Пытаться:
$(this).closest("tr").next().show();
Ближайшие тесты сами по себе и до дерева DOM. Что вам нужно, так это выбрать следующий элемент для ближайшего tr
.