处理搜索结果和bootstrap模式

时间:2015-07-02 09:11:43

标签: javascript php jquery mysql twitter-bootstrap

我有一个php文件,用于在MySQL数据库表中搜索关键字。这个脚本构建了一个页面,其中包含许多由品牌组织的产品......当您单击某个产品时,它会显示一个带有更多信息的引导模式(调用另一个查找产品特定ID的php文件)。模态有两个按钮,需要能够转到该品牌的上一个和下一个产品,并且在到达第一个或最后一个产品时应该禁用此按钮。

这就是我一直在做的事情: 在从页面中的产品插入数据时,我生成一个包含所有品牌和每个品牌内部的XML文件,所有DIV的ID都与产品相对应。然后我必须在Javascript中构建数组来处理这些数据。代码变得非常混乱,所以我一直想知道: 什么是链接所有产品的最佳方式,以便我可以在我的模式中前后移动?

1 个答案:

答案 0 :(得分:0)

我最终建立了这样的东西:

<div id='231' data-brand='somebrand' data-brand-index='3'>

然后我可以用jquery获取id:

var x = $("div[data-brand='somebrand'][data-brand-index='2']");
alert(x.attr("id")); //shows 231