jQuery如何按id与data属性匹配规则获取对应输入框的value值

直接使用jQuery多条件属性选择器匹配符合要求的输入框即可，修改后的完整代码如下：

/*Document Ready */
$(document).ready(function () {
    $(document).on('click', '.update_record', function() {
        let btnId= $(this).attr("id");
        // 同时匹配id为name、data-belongsto等于当前按钮id的输入框，取value值
        let name = $('input#name[data-belongsto="'+ btnId +'"]').val();
        // 此处可继续写name变量的后续使用逻辑
    });
});

注意事项 #

• 你现有HTML代码中按钮的id属性输出漏了echo，需修改为 <button type="button" class="update_record btn btn-primary mb-3 mt-2" id="<?php echo $id; ?>">Update</button>，否则按钮id为空会导致无法匹配到对应输入框。
• 按照HTML规范，同一页面内id属性需全局唯一，如果你页面内存在多个id为name的输入框，建议把输入框的id改为class属性，对应选择器调整为input.name[data-belongsto="'+ btnId +'"]即可，避免id重复引发的取值异常。

内容的提问来源于stack exchange，提问作者6563cc10d2