根据id和数据属性jquery获取值

Question

我有一个输入字段和一个类似的提交按钮

<label for="name" class="col-sm-2 col-form-label">name</label>
<input type="text" class="form-control" id="name" data-belongsto="<?php echo  $id; ?>" value="<?php echo $name; ?>">
<button type="button" class="update_record btn btn-primary mb-3 mt-2" id="<?php $id; ?>">Update</button>

我有这样的脚本

/*Document Ready */
$(document).ready(function () {
$(document).on('click', '.update_record', function() {
let btnId= $(this).attr("id");
let name = //store name value if id == "name" and data-belongsto == btnId
});
});

我想做的是获取name值并将其存储在一个变量中，如果id＝"；name"；并且下面的数据==btnId

Answer 1

首先，您应该避免使用"name"；作为任何元素的id，因为name是用于各种HTML输入元素的属性，这些元素可能会导致问题，因为表单内部的输入可以使用它们的name属性来解决，因此我使用了"nm"而不是"name"。

如果我理解正确的话，这就是你如何获得想要的值：

$(document).on('click', '.update_record', function() {
let btnId= $(this).attr("id");
// get the element via css selector using jquery and store its value
let name = $(`input#nm[data-belongsto=${btnId}]`).val();
});