[英]how can I toggle a div individually when outputting from a php while loop
我有这个php脚本-
$sql = "SELECT * FROM comments WHERE post_id='$id' ORDER BY com_id DESC";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$date = $row['date'];
$mydate = date("M jS g:i a",strtotime($date));
$user = $row['user'];
$comment = $row['comment'];
$reply = $row['reply'];
$comID = $row['com_id'];
echo '<div id="comuser">'.$user.': </div>';
echo '<div id="icomment">'.$comment.'</div>';
echo '<div id="comdate">'.$mydate.'</div>';
echo '<div id="replyBTN">reply</div>';
echo '<form method="post" id="replyForm" action="get_reply.php?reply='.$comID.'">';
echo '<input type="text" id="addReply" name="addReply" placeholder="add reply">';
echo '<input type="submit" name="subCom" value="submit">';
echo '</form>';
}
} else {
echo "<div id='noCom'>no comments..</div>";
}
我想回显div'replyBTN',并使用jquery来切换表单,这是我的jquery点击功能-
$(document).ready(function(){
$("#replyBTN").click(function(){
$("#replyForm").toggle();
});
});
当前,它仅会切换第一个评论中的第一个回复按钮,所有其他回复按钮将无法在其他评论中使用。 为什么jquery只会错开第一个回复按钮?
我认为这适合作为社区Wiki; 我没有任何收获,我也不希望代表获得任何收益。
摘自评论:
之所以只对第一个元素起作用,是因为ID是唯一的 ,所以jQuery一旦找到第一个元素就停止搜索更多元素,这仅仅是因为不能有更多具有相同ID的元素,所以它是无效的。 –阿德尼奥
和我的
...因此,使用一个类– Fred -ii-
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.