javascript - 使用数据属性选择面板

Question

我正在 jQuery 中创建一组选项卡，并希望创建一个通用规则，以便在选择匹配链接时选择正确的面板。我试图避免为每个面板编写特定的链接。

这是我到目前为止所拥有的，因此当您单击“功能”链接时，它应该显示带有功能 ID 的面板。

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

jquery 代码

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

任何帮助都将不胜感激

Answer 1

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

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

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