如何为多个选择器修改js函数？

Question

我正在尝试修改现有的code pen，以便不是让随机函数设置图片的宽度和高度，而是让它给它一个特定的大小（即300px乘500px）。

我修改了现有代码，我给出了图片的数组输入，其中包含图片src和大小级别（1-5）。 1是最小的，5是最大的。

$(function() {
  var $container = $('#container').masonry({
    itemSelector: '.item',
    columnWidth: 200
  });

这是原始的JS函数，但正如您所看到的，itemSelector仅选择具有.item属性的元素。我修改了css，其中包含了新属性（.item1，.item2，.item3 ..），以匹配上面提到的5种不同的大小。

但是我已经尝试列出其他属性，如下所示，但它似乎没有效果。有什么建议吗？

$(function() {
  var $container = $('#container').masonry({
    itemSelector: '.item, .item1, .item2, .item3, .item4, .item5',
    columnWidth: 200
  });