jquery - 如何索引按钮 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}