我有一个通过php循环遍历mysql数据库并显示图像的表。 我希望用户能够点击他们喜欢的每个图片旁边的按钮,并在其下方显示他们的用户名而不刷新页面。
目前在我的jquery按下按钮时,用户名显示在所有图片下方,因为表格行没有唯一的类名。如何才能将用户名仅显示在单击的图片下方?
<table>
<tbody>
<tr class ="tags">
<?php
foreach($tag_array as $tag) {
echo "
<td>
<a href=\"profile.php?user_name=".$tag." \"
<span class=\"label label-default\" id=\"tag\">".$tag."</span>
</a>";
}
echo "</td>
</tr>";
}
echo "
</tbody>
</table>";
}
?>
jquery
$(document).ready(function() {
$('.myForm').submit(function(e) {
e.preventDefault();
$.ajax({
url: 'add_tag.php',
type: 'POST',
dataType: 'html',
data: $(this).serialize(),
success: function(response) {
$('.tags').prepend(response);
}
});
return false;
});
});