Question

I have some jQuery function:

rfx.jQuery(function(){
    rfx.jQuery(".form-row.errors").blur(some_function(this))
});

But ‘this’ is HTMLDocument and not a list of selector return values. How can I get reference to list of elements?

Answer 1

The result of the selection itself ie rfx.jQuery(".form-row.errors") will be an array of the returned elements.

However in your blur event…

rfx.jQuery(".form-row.errors").blur(function(){
     //`this` is the element reference... 
});

See this JS fiddle Example and tab between the input boxes.

You can’t access the full selection from within the blur without either:

a) Selecting again within the blur() function…

rfx.jQuery(function(){
    rfx.jQuery(".form-row.errors").blur(function(){
         // `this` is the element which is blurring
         var formRowErrors = rfx.jQuery(".form-row.errors") //select again within the blur function
    });  
});

b) Using a closure, such as…

rfx.jQuery(function(){
    var formRowErrors = rfx.jQuery(".form-row.errors");
    rfx.jQuery(".form-row.errors").blur(function(){
         // `this` is the element which is blurring
         // formRowErrors is the jQuery selection of all form-row.errors
    });  
});

However, in this second method, the var formRowErrors will only contain the selection at the time you bind ie it is not “live”