Question

Could I write this into a loop?

$(document).ready(function(){
    $('#slideItems1').bxSlider();
    $('#slideItems2').bxSlider();
    $('#slideItems3').bxSlider();
    $('#slideItems4').bxSlider();
    $('#slideItems5').bxSlider();
});

I am using bxSlider and for using multiple galleries you need to call the slider and associate it to each item. I have over 200 products sometimes per page.

Answer 1

You could use an attribute starts-with selector to select all elements with an ID that starts with “slideItems”:

$('[id^="slideItems"]').bxSlider();

This is the case with the majority of jQuery methods (and most plugins will allow it too). The method is applied to every element in the matched set, so there’s no need for a loop. You can see how the plugin you’re using implements this functionality in its source (notice the call to each, and note that this refers to the jQuery object containing the matched set of elements):

this.each(function(){
    // make sure the element has children
    if($(this).children().length > 0){
        base.initShow();
    }
});