Jquery：獲取僅提交表單的輸入

Question

我在頁面中有多個表單。我只需要獲取提交表單的輸入子項。

這是我的代碼（當然它不起作用）。

$('form.modal-form').on('submit',function(e) { 
     e.preventDefault(); 
     var form_errors = 0; 
     $(this).children('input.required-field').each(function(index) 
     { 
      [....] 
    }); 
}); 

非常感謝您

Answer 1

您可以選擇context的元素。這是jQuery函數的選擇器之後的第二個參數。在那裏傳遞this讓jQuery的搜索您的選擇僅在此context，它會給你只是你正在尋找...元素

$('form.modal-form').on('submit', function(e) { 
    e.preventDefault(); 

    $('input.required-field', this).each(function() { 
     // do your work 
    }); 
}); 

你使用children可能不會在這裏工作，因爲這種功能只會搜索一個節點深入您的選擇器。您可以從.children()切換到.find()，該做什麼工作。

但我仍然希望使用上下文選擇器！

Answer 2

您需要使用$.fn.find，而不是$.fn.children，只得到直接孩子：

$(this).find('input.required-field').each(function(index) { 
    // ... 
});