加载照片数组时，如何为每个imageID创建唯一的注释按钮功能？

Question

1. 页面加载参考commentIMage.js和comment.php
2. 用户输入注释并单击按钮，来自commentImage.js的引用
3. comentImage.js（$ comment）.click（function {..}）不加载

HTML

<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">

commentImage.js $（document）.ready（function（）{

    $('#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(){

}

commentImage.php

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

Answer 1

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

只需使用您的PostID，如id="comment_"+PostID即可创建唯一标识符。 并使用$("input[id^='comment_']")来选择id以comment_开头的所有ID （这就是^=做的）

JS小提琴