計算特定列表項的行和列

Question

我有一個我不知道的以下問題。

例如：我在一個ul列表中有9個列表項。 li項具有float：left（css），在3列中可見。

list item 1      list item 2      list item 3
list item 4      list item 5      list item 6
list item 7      list item 8      list item 9

我想指出的是，我已經將每個列表項的編號添加為類名，因此可以識別每個項。

是否有可能（通過php，javascript，jquery等）計算3列布局中的列表項5位於第2列中。 結果需要數字“ 2”嗎？

Answer 1

以下代碼段可能會對您有所幫助，

<?php
function get_column_val($needle, $total_columns) {
    if (($column_no = ($needle%$total_columns)) == 0) {
        $column_no = $total_columns;
    }
    return $column_no;
}

for ($i = 1; $i < 10; $i++) {
    $col_no = get_column_val($i, 3);
    echo "$i -> $col_no";
    echo "<br />";
}
?>

您可以使用get_column_val函數來查找列號。

echo get_column_val(1, 3); // returns 1
echo get_column_val(2, 3); // returns 2
echo get_column_val(3, 3); // returns 3
echo get_column_val(4, 3); // returns 1