使用数据属性选择面板

时间:2014-05-15 13:53:35

标签: javascript jquery

我在jQuery中创建了一组标签,并且想要在选择匹配链接时创建一个通用规则来选择正确的面板。我试图避免为每个小组编写特定的链接。

这是我到目前为止所做的,所以当你点击“功能”链接时,它应该显示具有功能ID的面板。

http://codepen.io/anon/pen/ajIvr

jquery代码

$(function(){
  $('a').click(function(){
    $(this).data('sec').show();
  });
});

任何帮助都应该非常感谢

2 个答案:

答案 0 :(得分:2)

您需要正确构建ID选择器:

$(function(){
  $('a').click(function(){
     $('#' + $(this).data('sec')).show();
  });
});

http://codepen.io/anon/pen/rontg

答案 1 :(得分:0)

更改为:

$('#' + $(this).data('sec')).show();