Is it possible to use multiple variables instead of selectors in jQuery

Question

I know that it\'s faster to do the following:

var $header = $(\"#header\");
$header.css({color:\"#ff0000\"});
$header.find(\"a\").addClass(\"foo\");
<         


        

Answer 1

To keep the code simple and prevent code duplication I used a forEach loop.

var $header_items = $("#header li");
var $footer_items = $("#footer li");

[$header_items, $footer_items].forEach(function($blockItems){
    // do logic here
    $blockItems.css('color', 'red');
});

    
Header
    

        
Item 1
        
Item 2
        
Item 3
        
Item 4
        
Item 5
    


    
Footer
    

        
Item 1
        
Item 2
        
Item 3
        
Item 4
        
Item 5