我遇到了问题,我构建了一个收件箱页面,当用户点击邮件向下滑动的发件人名称时我想这样做,但是当有人点击发件人名称时,所有邮件都会向下滑动,因为邮件SQL处于一个循环中,它位于相同的类名下。
$(".message").hide();
$(".sender").click(function() {
event.preventDefault();
$(this).closest('tr').next().find('.message').toggle("fast");
});
<table width="850px" style="background: #424242; border-radius: 10px;">
<?php
$messagesql = "SELECT * FROM messages WHERE toid='$myid' ORDER BY id LIMIT 10";
$messageres = mysql_query($messagesql);
while ($messagerow = mysql_fetch_array($messageres))
{
$fromid = $messagerow['fromid'];
$fromsql = mysql_query("SELECT * FROM users WHERE id='$fromid'");
$fromrow = mysql_fetch_array($fromsql);
if($messagerow['viewed'] == 0)
{
echo '<tr style="width: 800px; background: #30cafd;"><td style="border-radius: 10px; padding-left: 10px;">';
echo '<font size="5"><b><span class="sender">'.$fromrow['username'].'</span></b></font><br>';
echo '<span class="message">'.$messagerow['message'].'</span>';
echo '</td></tr>';
}
}
?>
</table>