jquery选择器，用于获取特定于值的表单

Question

当我从服装中获取价值，但是jquery从鞋子中显示价值时，用什么jquery选择器来解决我的问题？ 在我使用代码之前：

$(document).delegate(".product", "submit", function(){
    alert($(".name").val());
    return false;
});

Answer 1

问题是.name是一个类选择器，会找到多个实例。然后，当您调用.val()时，它将仅获取第一个实例值。你需要更具体，我建议使用this（这将是表格），然后在该表格中找到.name元素（看起来它将是一个独特的组合）。像这样：

$(document).delegate(".product", "submit", function(){
    var $form = $(this);//get the current form being submitted
    var $name = $form.find(".name");//find the name element relative to the form
    alert($name.val());//alert the correct relative name value
    return false;
});

Here is a working example

---

注意：delegate已被JQuery 1.7中的on method取代。您可以这样使用：

$(".product").on("submit", function(){
   //code
}

Here is an example of this

Answer 2

试试这个：

$(document).delegate(".product", "submit", function(){
    alert($(this).find('.name').val());
    return false;
});