javascript - 如何使用 jQuery 将元素与触发链接相关联？

Question

我不确定如何正确地为我的问题命名，但问题是:

我在页面上有许多 div 元素，并触发链接指向每个具有 anchor ID 的元素。这些元素将用作弹出窗口。

<a href="#pop1" class="trigger" id="t1">Show Popup #1</a>
<a href="#pop2" class="trigger" id="t2">Show Popup #2</a>
<a href="#pop3" class="trigger" id="t3">Show Popup #3</a>

<div id="pop1" class="popup">...content here...</div>
<div id="pop2" class="popup">...content here...</div>
<div id="pop3" class="popup">...content here...</div>

现在将多个链接关联到 div 以在链接单击时切换它们的有效方法是什么？将它们一个一个地编码不是一个好的选择，因为页面上的元素可能太多。

$("#t1").click(function(){
  $("#pop1").toggle();
});

Answer 1

因为你的触发器有一个共同的类trigger，你可以这样做:

$(".trigger").click(function(){
    $(this.href).toggle(); // href is "#pop1", "#pop2", etc.
    return false; // prevent default action of anchor tag click
});