javascript - 使用 .click 函数在表格中显示元素。如何区分使用循环填充的表内的元素？

Question

如何区分使用循环填充的表内的元素？这样，当我使用 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 工作？

Answer 1

id 在文档中必须是唯一的。而是使用一个类。完成此操作后，您可以使用诸如 parent、siblings、find 等来根据您点击的那个。

类似这样的事情:

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