javascript - 根据数据属性确定网格大小

在我的代码中，我从HTML中提取了一个称为网格大小的数据属性。当网格大小通过时，我要写一条语句，说如果值“大”，则x和y的坐标是...，如果值是“小”，则x和y的坐标是...我已经试过了，但无法正常工作。有人可以告诉我我要去哪里了吗？

这是将其从HTML中提取的语句

    $('li[data-number-input],li[data-completion-number]').each(function(){
    numberInput.push($(this).attr('data-number-input'));
    completionNumber.push($(this).attr('data-completion-number'));
    gridSize.push($(this).attr('data-grid-size'));
});

这是我写的声明

if ($(this).data('grid-size') == "large") {
    gridColumns = 4;
    gridRows = 4;
}
else {
   gridColumns = 6;
   gridRows = 8;
}

这是HTML

<li data-number-input="6" data-completion-number="1" data-grid-rows="8" data-grid-columns="6" data-grid-size="large"></li>

最佳答案

您的代码中存在语法错误，您错过了)方法的push，而且我不确定为什么要在if语句中使用push方法，可以使用data方法：

if ($(this).data('grid-size') === "large") {
   // ...
} else {
   // ...
}

关于javascript - 根据数据属性确定网格大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13269077/