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>

SCRIPT：

$(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是点击的锚本身

尝试使用attr()

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

链接选择器使用find链接div

1 个答案: