Changing a class name with jquery given a specific width range (media query)

Question

I have the following html that I am trying to modify:

I

Answer 1

You can do something like:

var x = $('#myelement'); // this is your element
var w = $(window).width();
if(w >= 700 && w <= 900) {
    x.removeClass('class-to-remove').addClass('class-to-add');
}