Javascript Href:当前DIV中的目标ID

我有一个从CMS/DB生成的项目列表。每个都有一个隐藏的灯箱链接。该链接以隐藏的内联内容打印的id为目标，因此javascript插件将触发并启动lightbox

我遇到的问题是，页面上的所有生成都使用相同的隐藏div id，我可以将其更改为类。因此，无论单击哪个href，它都会为页面上的第一个实例（id的第一个实例）打开lightbox。我需要一种方法让href说，从这个div打开内联内容打印，即单击的链接所在的div

<li>
<div class="store-buttons-bg hide-print-buttons-{tag_Hide-Print-Buttons}">

<a href="#inline-content-print" class="various store-button">PRINT</a>

        <div style="display: none;" id="inline-content-print">
        CONTENT OF LIGHTBOX
        </div>
        <!-- end inline-content-print -->

</div>
</li>

---

任何建议都将不胜感激。

您使用的服务器端语言是什么？是否在循环中生成这些列表项？那个循环上有索引吗？如果是这样的话，这对你来说就行了

[Server language version of a for loop with an index variable named "i"]
<li>
<div class="store-buttons-bg hide-print-buttons-{tag_Hide-Print-Buttons}">

<a href="#inline-content-print_[server language output of "i"]" class="various store-button">PRINT</a>

        <div style="display: none;" id="inline-content-print_[server language output of "i"]">
        CONTENT OF LIGHTBOX
        </div>
        <!-- end inline-content-print -->

</div>
</li>
[server language version of an end to the for loop]

---

假设您希望使用jQuery/Javascript来实现这一点，您可以使用如下内容：

$(document).ready(function()
{
    $('li a.store-button').click(function(e)
    {
        var lightboxElement = $(e.currentTarget).find('div');
        lightboxElement.show(); // or whatever function you need to display
        return false;
    });
});

这是一个小脚本：

等待页面加载。 按li对象类型和链接上的类查找列表元素 拦截点击事件。 查找嵌套在单击的链接中的div元素。 在目标lightbox元素上显示或运行另一个函数。

---

你在用什么插件？如果你能改变结构，最好是做些手淫。它是使用Adobe的Business Catalyst构建的，我相信它是基于ASP.Net构建的，但我无法访问任何服务器端产品。我的怀疑是，我需要一些Javascript，本质上说，hrefs需要指向一个存在于同一个类或ID中的类或ID。看着Invertdspear在inline-content-print中添加语言的评论，我想到了在同一位置添加唯一标识符产品代码。在CMS中创建单个产品时，我的客户需要输入产品代码。因此，我有一个可行的解决方案，但它没有回答在正常情况下如何使用javascript来实现这一点。@user1669207：很高兴它能促使您朝着正确的方向前进。您寻求的答案将取决于您使用的js库以及lightbox插件。由于您从未回答在对原始问题的评论中提出的问题，因此我们无法为您回答该问题。