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

Question

在我的代码中，我从 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>  

Answer 1

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

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