如何用jQuery替换网格列？

Question

我是jQuery / Javascript的新手。这是我第一次真正构建自己的jQ代码而不使用教程。

我正在使用骨架网格，并尝试使用jQuery将四列布局更改为六列布局，以便我的三个图像宽行将切换到500px-800px之间的两个图像宽行。我没有得到任何控制台错误，但它没有工作。有人看到我的jQ脚本有什么问题吗？

注意：“class ='四列组合'”来自Lynda教程（但是在skeleton.css中它将它称为'four.columns'，这对我来说很奇怪）。这是我以前没见过的。

http://codepen.io/pandathorax/pen/oXEqRg

var width = $(window).width();
while ( width > 550 && width <= 801) {
    var columnChange = document.getElementsByClassName("row");
    $(columnChange).removeClass('four.columns').addClass('six.columns');
};

谢谢！

Answer 1

看起来你正在使用jQuery和非jQuery选择器。如果jQuery是可以接受的：

span