jquery $ .each cung cấp cho tôi một đối tượng không có phương thức hasClass

Question

Tôi đang cố gắng lặp qua một tập hợp các mục có lớp required. Tôi nghĩ rằng tôi phải sử dụng chức năng $.each không chính xác.

function required(address) { 
    //object to hold elements not passing validation tests 
    var pass = true; 
    $('.required').each(function(index, elem){ 
     console.log(elem); 
     //check if it has the class indicating it is an email 
     if (elem.hasClass('re')) { 
      var validEmail = validateEmail(address.email); 
      if (!validEmail){ 
       $(this).addClass('nv'); 
      } 

     } 
     }); 
    } 

Tôi thấy rằng các phần tử trong giao diện điều khiển là <input type=​"text" id=​"name_input" class=​"pr required">​

Và sau đó các lỗi Uncaught TypeError: Object #<HTMLInputElement> has no method 'hasClass'

Làm thế nào có thể đối tượng mà không có phương pháp hasClass?

Answer 1

gợi ý đầu tiên của bạn nên được rằng đối tượng là một #<HTMLInputElement> và không phải là một Đối tượng jQuery. Sử dụng $(elem).hasClass('re');

Answer 2

elem trong mã của bạn là một đối tượng phần tử DOM, nếu bạn muốn sử dụng phương pháp jQuery bạn nên tạo một đối tượng jQuery đầu tiên:

if ($(elem).hasClass('re')) { 

Answer 3

Bạn làm cho .re phần lớp của selector jQuery của bạn và lưu nếu/thì:

function required(address) 
{ 
    //object to hold elements not passing validation tests 
    var pass = true; 
    $('.required.re').each(function(index, elem) { 
     console.log(elem); 
     var validEmail = validateEmail(address.email); 
     if (!validEmail){ 
      $(this).addClass('nv'); 
     } 
    }); 
}