使用Jquery获取最近输入框POST_ID的技术问题求助

嘿，我之前做类似功能时也碰到过这个问题，你的核心思路其实没问题，大概率是获取post_id的方式没找对，或者没考虑到动态加载帖子的事件绑定问题。下面给你几个可行的方案，你可以根据自己的代码情况来选：

首先确保每个帖子都有一个独立的容器（比如class为post-item的div），把隐藏input和操作按钮都放在这个容器内。点击按钮时，通过DOM向上遍历找到当前帖子容器，再定位到里面的隐藏input：

// 假设点赞按钮的class是like-btn
$('.like-btn').click(function() {
    // 先找到当前按钮所在的帖子容器，再筛选内部的隐藏input
    const postId = $(this).closest('.post-item').find('input[name="post_id"]').val();
    
    // 拿到postId后执行Ajax逻辑
    $.ajax({
        url: '/api/like',
        method: 'POST',
        data: { post_id: postId },
        success: function(response) {
            // 处理点赞成功后的操作，比如更新页面点赞数
        },
        error: function(xhr) {
            // 处理请求失败的情况
        }
    });
});

如果你的帖子是动态加载的（比如滚动加载更多），直接绑定click事件会失效，这时候要改用事件委托：

// 把事件绑定到父级（比如document），兼容动态生成的按钮
$(document).on('click', '.like-btn', function() {
    const postId = $(this).closest('.post-item').find('input[name="post_id"]').val();
    // 后续Ajax逻辑同上
});

隐藏input其实有点冗余，直接把post_id存储在按钮或帖子容器的data-*属性里会更方便：

• 渲染帖子时给按钮添加data属性：

<div class="post-item">
    <!-- 帖子内容 -->
    <button class="like-btn" data-post-id="{{ post_id }}">点赞</button>
    <button class="comment-btn" data-post-id="{{ post_id }}">评论</button>
    <button class="collect-btn" data-post-id="{{ post_id }}">收藏</button>
</div>

• 点击按钮时直接读取data属性：

// 事件委托写法，兼容动态加载的帖子
$(document).on('click', '.like-btn, .comment-btn, .collect-btn', function() {
    const postId = $(this).data('post-id');
    // 区分当前操作类型
    const action = $(this).hasClass('like-btn') ? 'like' : 
                   $(this).hasClass('comment-btn') ? 'comment' : 'collect';
    
    // 发起对应操作的Ajax请求
    $.ajax({
        url: `/api/${action}`,
        method: 'POST',
        data: { post_id: postId },
        success: function(res) {
            // 根据操作类型处理成功反馈，比如点赞后切换按钮样式
        }
    });
});

• 检查DOM结构：用浏览器开发者工具（F12）确认隐藏input和按钮确实在同一个父容器下，验证选择器是否能正确选中目标元素。
• 动态元素问题：如果帖子是通过JS动态添加的，必须用事件委托，否则直接绑定的事件不会生效。
• 控制台调试：在获取post_id的代码后加console.log(postId)，查看控制台是否输出正确的ID，排查是选择器问题还是其他逻辑错误。

内容的提问来源于stack exchange，提问作者Harish ST