javascript - jquery - 查找具有与另一个元素数据属性匹配的 id 的元素的最佳方法

Question

我在菜单链接列表上使用 html 的 data- 属性，以便将链接绑定(bind)到我想在单击链接时打开的内容部分的 div id。因此，如果我有一个名为“#section1”的隐藏 div - 将打开该链接的链接是。

目前，为了找到与此链接匹配的 div，我使用 jquery .each() 循环遍历所有可能的元素，但似乎应该有更好的方法。

有人知道我如何简化这段代码并找到匹配的元素而不必循环运行代码吗？

这是我的代码:

$('a.hidden_link').click(function(){
    section_ident = $(this).attr('data-ident');
    $('.hidden_section').each(function(index) {
        if ($(this).attr('data-ident') == section_ident){
            section_ref = $(this);
            section_ref.show();
        }
    });
});

Answer 1

这应该有效。

$('a.hidden_link').click(function(){
    $(".hidden_section[data-ident='"+$(this).attr('data-ident')+"']").show();
});

Jsfiddle，http://jsfiddle.net/playerace/H7jwb/