从不同的jquery表单对象中选择元素

Question

我有x所有类型的数字都与productForm。 这些形式都设有带产品名称的值的隐藏输入标签：

<input type='hidden' name='prodName' value='Product Name' />

使用jQuery来捕获表单提交事件。我如何访问每个单独表单的prodName属性的值。我曾尝试：

$('.productForm input[name=thing]').val();

的正常工作，提供只有一个页面上的形式。我如何访问每个表单对象的属性？

**编辑**

我要澄清，让各种形式的细节心不是一个问题，我需要的是从已提交的具体形式得到了产品的价值。基本上我正在寻找一种方法来创建代表提交的特定表单的jquery对象。我的问题是，即时通讯的方式在瞬间捕捉事件：

$('.productForm').submit(function(){...});

只捕捉第一种形式的细节在页面上，而不管其形式是实际提交的。我想要的是$(this)里面的函数来表示一个特定的表单。

Answer 1

用途：通过各种形式

$('.productForm input[name=thing]').each(function(){ 

    var val = $(this).val(); 

}) 

Answer 2

试试这个...

$(".productForm").each(function(){ 
    //Loops through forms and sticks the product name in productName 
    var productName = $("input[name='prodName']", this).val(); 
}); 

或通过各种形式循环，使产品名称的列表...

var productNames = []; 
$(".productForm").each(function(){ 
    //Loops through forms and sticks the product name in productName 
    productNames.push($("input[name='prodName']", this).val()); 
}); 
//Now you have productNames which is now ["Apples", "Grapes", ...] 

Answer 3

在表单提交...

​​

，或者循环：

$('.productForm input[name=thing]').each(function() 
{ 
    $(this).val(); 
}); 

方法文档http://api.jquery.com/jQuery.each/

Answer 4

可以使用map()功能快速地图值到一个数组

var products = $.map($(".productForm input[name='thing']"), function(n){ 
    return $(n).val(); 
}); 

---

工作示例：http://jsfiddle.net/hunter/KdNLL/