使用 .click 函数在表格中显示元素.如何区分使用循环填充的表中的元素 - Using .click function to show element, in a table. How do I differentiate between elements inside a table that is populated using a loop?

Using .click function to show element, in a table. How do I differentiate between elements inside a table that is populated using a loop?

如何

区分使用循环填充的表中的元素？这样当我使用 Javascript 在单击时显示一个元素时，它会显示正确的元素吗？

目前，当我单击评论时，它只显示第一项，然后其余行不起作用。

当用户单击注释按钮时，我希望显示一个文本区域。问题是，既然它是一个表格，我该如何使表格中的每个注释按钮都显示其表格中的框。是否需要为表中的每一行添加一个递增 ID？

这是Javascript：

$('#postcomment').click(function(){
$('#comment_text').css('display','inline');
})

这是 PHP：

<table>
<?php
foreach ($posts as $key => $list){
echo "<tr>";
echo "<td>
<a id='postcomment'>Comment</a>
<textarea  id='comment_text' style='display:none;placeholder='Type your comment.'></textarea>
      </td>";
echo "</tr>";               
}
?>
</table>

最好的解决方案是给每一行一个唯一的id，我该怎么做？另外，我将如何调用Javascript来为每个唯一id工作？

id s 在文档中必须是唯一的。请改用类。完成此操作后，您可以使用诸如 parent 、 siblings 、 find 等内容，根据您单击的位置找到合适的元素。

像这样：

$('.postcomment').click(function(){
    $(this).next('.comment_text').css('display','inline');
});