javascript - 如何找到具有变量类的 div？

Question

HTML:

<ul>
    <li><a href="#" id="a1">This is Link 1</a></li>
    <li><a href="#" id="a2">This is Link 2</a></li>
    <li><a href="#" id="a3">This is Link 3</a></li>
</ul>

<div id="somediv">                
</div>

<div class="a1">div 1</div>
<div class="a2">div 2</div>
<div class="a3">div 3</div>

JQUERY:

$('a').on('click', function(e) {
    $('#somediv').html($('."this.id"').text());
    e.preventDefault();
});

基本上我想要做的是，当我单击列表中的链接之一时，它会将“somediv”的内容替换为具有与链接 id 匹配的类的 div 的内容。

换句话说，当我单击链接 id“a1”时，我希望它在“somediv”中显示类“a1”。我只是不知道如何在 jquery 的第二行中调用它的语法。

Answer 1

这样做

$("#a1").click(function() {
    var divClass = $(this).attr("id");
    $("#somediv").empty().append($("."+divClass).html());
});