如何将索引按钮div并排放置？

Question

我正在使用我的jsp和一些jQuery，我想创建一个按钮列表/网格。 div的索引代表我在会话中存储的项目之一。不是最好的主意，但这是我选择的路线。我打算使用下面的脚本来确定点击了哪个div。我从jQuery网站上获取它。

$("div").click(function () {
    var index = $("div").index(this);
    //ajax work here
});

我希望此列表位于2列宽的网格中。如果我使用span来封装每2个div，那么为了使它工作，我需要更改什么？现在对我来说没什么用呢？或者使用表格标签更好吗？

Answer 1

使用无序列表作为包装器：

<ul>
     <li>....col1...</li>
     <li>....col2...</li>
     <li>....col1...</li>
     <li>....col2...</li>
</ul>

然后格式化列表，以便将列表项浮动在宽度为两倍的包装中：

ul, li {list-style:none;margin:0;padding:0}
ul {width:400px}
li {float:left;width:200px}