jquery - 如何将类添加到链接 href 的 ID

Question

我正在尝试将“可见”类添加到与链接的 href 具有相同 ID 的 div 中，该链接也具有“弹出”类。到目前为止，这是我的代码：

    <a href="#about">Sample link</a>
    <div id="#about" class="popup">Sample content</div>  

    <script>
        $(document).ready(function(){
        $("a").click(function(event){
             event.preventDefault();

             var id = $this.attr('href');
             $('id.popup').addClass("visible");
        });
        });
    </script>

我尝试了 ID.popup 组合的许多变体，但似乎无法正确定位。

任何帮助，将不胜感激！

谢谢！

Answer 1

你需要修复这些行

var id = $this.attr('href');
$('id.popup').addClass("visible");

<div id="#about" class="popup">Sample content</div>

到

var id = $(this).attr('href');
$(id + '.popup').addClass("visible");

<div id="about" class="popup">Sample content</div>  <-- remove # from id