使用 Javascript 按名称获取最接近的表单元素值答案

【问题标题】：Get closest form element value by name with Javascript使用 Javascript 按名称获取最接近的表单元素值
【发布时间】：2022-11-29 06:47:48
【问题描述】：

如何使用 JavaScript 获取通过以下 jQuery 代码获取的值？

jQuery 代码 SN-P：

$('.add-to-cart-btn').on('click', function() {
  qualifyingProductVariantId = $(this).closest('form').find("input[type='hidden'][name='id']").val();
});

正如我尝试的那样javascript代码：

function getVariant(this){
  var qualifyingProductVariantId  = this.querySelector('[name="related_id"]').value;
  alert(qualifyingProductVariantId);
}

任何帮助将非常感激。

【问题讨论】：

标签： javascript

【解决方案1】：

你可以试试这个：

document.querySelector(selector).closest

详情可以参考here

【讨论】：

【解决方案2】：

您的问题中没有 HTML，所以我的回答可能行不通。

你能试试：

document.querySelector('.add-to-cart-btn').addEventListener('click', ev => {
    const eform = ev.target.querySelector.closest('form')
    // you have the form, you can continue search...
    //...
});

【讨论】：