如何將類添加到鏈接href的ID

Question

我正在嘗試將類“可見”添加到與我的鏈接的href具有相同ID的div中，該href也具有類“popup”。 到目前為止，這是我的代碼：

    <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