0

ループを使用して入力されたテーブル内の要素を区別するにはどうすればよいですか? 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 を与えることです。これを行うにはどうすればよいですか? また、一意の ID ごとに Javascript を呼び出すにはどうすればよいでしょうか。

4

1 に答える 1

2

id■ドキュメント内で一意である必要があります。代わりにクラスを使用してください。これを行うと、、、、などを使用して、クリックparentした要素の場所に基づいて適切な要素を見つけることができます。siblingsfind

このようなもの：

$('.postcomment').click(function(){
    $(this).next('.comment_text').css('display','inline');
});
于 2012-04-05T18:51:26.123 に答える