javascript - 使用 find 链接 div 的链接选择器

Question

您好，我正在尝试将输入选择更改为链接选择，该链接选择将隐藏和显示 div 图层。看起来我的选择器无法正常工作，因为当我选择某些内容时什么也没有发生。欢迎任何帮助我解决这种情况的帮助。这是我的代码

HTML:

<li><a class="btn-default" id="Section1" name="options-doc">link 1</a></li>  
<li><a class="btn-default" id="Section2" name="options-doc">link 2</a></li>  


<div class="types" data-period='Section1'></div>
<div class="types" data-period='Section2'></div>

脚本:

$(document).ready(function() {              
      $(".btn-default").click(function(){
      var test = $(this).find("a[name$='options-doc']").id();
        $(".types").hide();
        $(".types[data-period='" + test + "']").show();
    });

});

Answer 1

.id() 不是 jQuery 中的方法(或 javascript)。

此外，在这种情况下，不要使用 find() 因为 this 是单击的 anchor 本身

尝试使用attr()

var test = $(this).attr('id');