使用.click function 在表格中顯示元素。 如何區分使用循環填充的表中的元素？

Question

如何區分使用循環填充的表中的元素？ 這樣當我使用 Javascript 在點擊時顯示一個元素時，它會顯示正確的元素嗎？

目前，當我點擊評論時，它只顯示第一項，然后行的 rest 不起作用。

當用戶單擊評論按鈕時，我希望出現一個文本區域。 問題是，因為它是一個表格，我如何才能使表格中的每個評論按鈕都顯示其表格中的框。 我需要為表中的每一行添加一個遞增的 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在文檔中必須是唯一的。 而是使用 class。一旦你這樣做了，你就可以使用parent 、 siblings 、 find等，根據你點擊的元素的位置找到合適的元素。

像這樣：

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