加載照片數組時，如何為每個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小提琴