Javascript 引用具有重复属性的元素

Question

我有一些 html，如下所示:

<form name="test_form">
<input type="hidden" name="product_id" value="560">
<input type="hidden" name="product_name" value="test product">
<input type="hidden" name="product_type" value="7">
<input type="hidden" name="product_id" value="560">
</form>

请注意，有两个属性的“名称”值为“569”。

随后，也使用 JavaScript 按以下方式查找 Product_name 值:

var c = $("[name='test_form']");
var product_name = c.product_name.value;

相信我，我明白这段代码有多么糟糕。然而，我继承了一个像这样编写的带有重复属性的代码库，并且 javascript 分散在以上述方式引用属性的地方。我最终会用更优雅的东西来解决这个问题，但与此同时，需要一些东西来修补它。在 Firefox 中成功查找到 Product_name，但在 google chrome 中查找失败。有人知道无需查看代码并删除重复属性即可快速解决此问题的方法吗？基本上，我只需要product_name变量部分来在google chrome中正确读取product_name属性，尽管存在多个具有该名称的元素(幸运的是，具有该属性名称的所有元素都具有相同的值)。再说一次，这只是我需要的临时补丁，所以请不要拿出干草叉。

Answer 1

如果您使用 jQuery，您也应该使用它来获取元素值。

所以而不是

var c = $("[name='test_form']");
var product_name = c.product_name.value;

你应该使用

var product_value = $('form[name="test_form"] input[name="product_name"]').val()
var product_type = $('form[name="test_form"] input[name="product_type"]').val()