Question

我是jquery的新手，此外，我认为我正在大脑冻结。

我有许多带有不同ID的链接。我想将点击的链接与具有相应类的div匹配，以便div显示/隐藏/切换为适当的。

我有：

<script type="text/javascript">
$(document).ready(function() {
 $('.folioBox').hide();

 $('a.interface').click(function(){
        var currentId = $(this).attr('id');
        var currentBox = $('.folioBox .' + currentId);

        $(currentBox).toggle(400);

        });
});
</script>


<a class="interface" id="apple">Apple flavor</a>
<a class="interface" id="banana">Banana flavor</a>
<a class="interface" id="cherry">Cherry flavor</a>

<div class="folioBox apple">content</div>
<div class="folioBox banana">content</div>
<div class="folioBox cherry">content</div>

我无法让它工作，我无法弄清楚我是否最适合使用匹配或查找或过滤。

非常感谢一些帮助！

Answer 1

尝试：

$("a.interface").click(function() {
  $("div.followBox." + this.id).toggle(400);
  return false;
});

无需让它变得更复杂。如果有多个匹配，那么它们都将被切换。

注意：我已点击处理程序return false，因此请停止跟踪链接。根据您在href属性中的内容，该页面可能实际上正在刷新，这解释了为什么它似乎无法正常工作。

Answer 2

现在只是看着它但是你最后因为你正在击中一个锚而试图做一个假回报？

让我知道这是否有效，我将停止调试此结束。

修改

摆脱两个班级之间的空间。

var currentBox = $('.folioBox.' + currentId);

如何将var / id与class匹配

2 个答案: