1

我有一个指定宽度为 980px 的容器，其中包含内联块元素。每个元素的宽度和高度为 140px，这意味着每行/行可以包含 7 个元素，然后再下推到下一行/行。

<div id="container"><div id="ele1"></div><div id="ele2"></div><div id="ele3"></div><div id="ele4"></div><div id="ele5"></div><div id="ele6"></div><div id="ele7"></div><div id="ele8"></div><div id="ele9"></div><div id="ele10"></div><div id="ele11"></div><div id="ele12"></div><div id="ele13"></div><div id="ele14"></div></div>

知道元素的数量后，如何使用 JavaScript（不是 jQuery）确定该元素所在的行/行和列？我需要能够对任意数量的元素执行此操作，因为该数字是动态的并且不是由脚本设置的。

4

3 回答 3

2

这可能有效：

column = Number(yourNumber) % 7
row = Math.floor(Number(yourNumber) / 7)

这假设您从 0 开始，然后第一个元素是 (0, 0)

于 2012-06-10T05:03:11.410 回答
2

如果您知道从 0、1、... 开始的元素编号，请使用以下代码：

function getRowColNoFor(elementNo) {
    var col = elementNo % 7;

    return {
        col: col,
        row: (elementNo - col) / 7
    };
}
于 2012-06-10T05:05:40.690 回答
0

如果您知道您将有 7 个元素，您只需将元素的编号（从 0 开始）除以 7 即可得到它的位置。

如果将元素的数字除以 7，“整数”值就是它的行，余数就是它的列。

因此，要获得网格中的位置，您可以这样做：

function getPositon(index) {
    return {
        row: Math.floor(index / 7),
        column: index % 7
    };
}

演示：http: //jsfiddle.net/UVZ5f/1/

于 2012-06-10T05:23:41.873 回答