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

我试图将类“visible”添加到一个div中，该div的ID与我链接的hrefs相同，它也有类“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>

样本含量
$（文档）.ready（函数（）{
$（“a”）。单击（函数（事件）{
event.preventDefault（）；
var id=$this.attr（'href'）；
$（'id.popup'）.addClass（“可见”）；
});
});

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

任何帮助都将不胜感激

---

谢谢

您需要修复这些行

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（“可见”）；
样本含量

到

var id=$（this.attr（'href'）；
$（id+'.popup'）.addClass（“可见”）；
样本内容谢谢！实际上我只使用了$（id+'.popup'）.addClass（“可见”）；成功了！您可能需要将
tabindex=“-1”
添加到

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

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