Javascript 加载照片阵列时，如何为每个imageID创建唯一的注释按钮功能？ 页面加载时参考commentIMage.js和comment.php 用户输入注释并单击按钮，引用commentImage.js comentImage.js（$comment）。单击（函数{..}）不会加载

html

#comment
是一个唯一的ID。如果您在HTML中多次使用它，不要等待它正常工作，它不会

只需使用PostID-like
id=“comment”+PostID
创建唯一标识符。
并使用
$（“输入[id^='comment.']）
选择id以
comment.
开头的所有id（这就是
^=
的作用）

#comment
是一个唯一的ID。如果您在HTML中多次使用它，不要等待它正常工作，它不会

只需使用PostID-like
id=“comment”+PostID
创建唯一标识符。
并使用
$（“输入[id^='comment.']）
选择id以
comment.
开头的所有id（这就是
^=
的作用）

echo$\u POST['comment']；echo$_POST[“图像”]已经是无效的json。
echo$\u POST['comment']；echo$_POST[“图像”]
已经是无效的json。此解决方案实际上不起作用$（“#postComment[id^='postComment\u']）。单击（function（）{console.log（“clicked”）；$.ajax（{更新了答案，我在代码中犯了一个错误。。还添加了一个JSFIDLE！此解决方案实际上不起作用$（“#postComment[id^='postComment\u']）。单击（function（））{console.log（“clicked”）；$.ajax（{更新了答案，我在代码中犯了一个错误..还添加了一个JSFIDLE！
<textarea required=required name ="comment" id="comment"></textarea><br/>
              <input type="hidden" id="image" name ="image" value="<?php echo $images[$i]['imageID']?>" />
              <input type=button id=postComment value="Post Comment">

    $('#postComment').click(function(){
        $.ajax({
            type:'post',
            url:'commentImage.php',
            data:{newComment:$('#comment').val(), postID:postID},
            success:function(data){
                var data = JSON.parse(data);
                var comment = makeComment(data['user'], $('#comment').val(), data['date']);
                $('#commentsBock').prepend(comment);
                $('#comment').val('');
            }
        })
    })
})

function makeComment(user, comment, date){
    var comment = '<div><div>'+user+'</div><div>'+comment+'</div><div>'+date+'</div><div>';
    return comment;
}
function getComments(){

}

<?php
session_start();
echo $_POST['comment'];
echo $_POST['image'];
include_once('mysql.php');
...
?>