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

ids 在文档中必须是唯一的。而是使用一个类。一旦你这样做了，你可以使用诸如parent、siblings、find等的东西来根据你点击的元素的位置找到合适的元素。

像这样的东西：

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