使用 .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?
如何
区分使用循环填充的表中的元素?这样当我使用 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');
});
相关文章:
- 如何使用jquery处理php循环通过元素
- 每个$.,循环获胜't逐个迭代HTML元素
- JS.循环遍历多维数组,以计数元素在每列中的出现次数
- js循环遍历单击的元素子节点
- $.每个jquery循环打印一个“;未定义的“;对于getJSON请求后的每个元素,网格数据都会完美地打印出来
- 循环遍历元素jquery选择器
- 特定循环(html元素)方法的优点和缺点
- 循环对象时更新页面上的DIV元素
- 基于事件在循环中隐藏元素
- 在元素数组上循环只会影响最后一个元素
- 关于动态元素中循环中的事件
- 在没有大量回调函数的情况下在列表元素上循环播放同一动画
- PHP:同时循环元素粘在一起
- AngularJs localStorage在循环中删除元素
- 按数据属性循环元素并替换值
- 如何使用 for 循环 jquery 将相应的值附加到相应的 dom 元素
- JQuery:如何在循环 dom 元素时正确缩进字符串
- 使用 for 循环用逗号分隔的值填充选择元素
- 翡翠:每4个元素循环一次,改变职业
- 如何在javascript中使用提取元素循环图像