javascript - 如何用 jQuery 替换网格列？

Question

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

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

注意:“class='四列投资组合'”来自 Lynda 教程(但在 sculpture.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 可以接受:

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