javascript - 如何使用 jQuery 获取我们正在评论的帖子的 id

Question

我的仪表板中显示了多个帖子。他们都有相同的类(class)和相同的 id。但我想评论一个特定的帖子。如何将 post_id 和评论输入到输入字段中？

我尝试过这个:

<input id="commentbox" name="ipassthepostidhere" type="text" class="form-control input-sm" placeholder="Press enter to post comment">

我的 JS 看起来像:

$("#commentbox").keyup(function(e) {

    if(e.keyCode == 13) {
        var comment=$('#commentbox').val();
        alert(comment);
    }
});

使用这个JS，我只能从页面顶部的帖子中获取值。

我将其放在 foreach 循环中，因此我收到的帖子数量一样多，它们将共享相同的 id。我可以使用什么方法吗？如果有请帮帮我。非常感谢任何形式的帮助。谢谢。

Answer 1

您不能拥有两次相同的 ID。
要么让它独一无二，要么删除它。然后，您可以通过随机的 className(对于所有 commentBox 都是相同的)进行选择，并使用 this 或在 EventObject e 中获取当前元素:

<input name="ipassthepostidhere" type="text" data-id="12" class="commentBox form-control input-sm">
<input name="ipassthepostidhere2" type="text" data-id="13" class="commentBox form-control input-sm">
<script>
$(".commentBox").keyup(function(e) {
   if(e.keyCode == 13) {
        var comment = e.currentTarget.value;   // e.currentTarget or this is a normal DOM-Element
        var postId = $(this).data('id'); // $(this) is the jQuery-Element
        // or
        // var comment = this.value;
        alert(postId + ' ' + comment);
   }
});
</script>

编辑:由于您想获取当前帖子的 ID，因此新评论与以下内容相关:将其保存在 atrrbute data-id 或 data-postId 中，并按照我在上面示例中的方式获取它。