使用嵌套(?)锚标记在页面上查找内容?

时间:2015-08-05 13:07:49

标签: javascript html html5 dom

假设我的网站是domain.com,其商店页面为domain.com/store 通过向每个项目添加id = "itemid",我可以让用户直接访问该项目:

domain.com/store#itemid

通常的锚定行为。但是,我需要一些更复杂的东西。

假设我的项目层次结构如下:

<div id="item1>
   <div class="images"></div>
</div>

我希望用户通过使用类似锚点的寻址直接到达给定项目的“图像”框。如

domain.com/store#itemid.images

最好的办法是什么?

2 个答案:

答案 0 :(得分:1)

这样的东西应该工作,将哈希分成两部分:id和class然后使用javascript或jquery找到该元素并将其滚动到视图中。

QWidget

答案 1 :(得分:0)

为什么不尝试用项目ID命名细分?

这样的东西
<div id="item1>
   <div class="item1_images"></div>
   <div class="item1_ex"></div>
</div>

那么,您可以使用domain.com/store#itemid1_images