选择id与href属性jQuery匹配的元素

Question

我想选择id与href元素的<a>匹配的元素

HTML

<a href="web"></a>
<a href="app"></a>

<div id="web"></div>
<div id="app"></div>

的jQuery

$('a').on('click', function(e) {
   e.preventDefault();
   var $href = $(this).attr('href');
   var $id = $('div').attr('id');
   $(this).addClass('active');
   //HERE I WANT TO SELECT THE DIV WHOSE "id" MATCHES THE "href" of the <a> clicked 
   $('div').id($href).addClass('active');
});

Answer 1

将#添加到$href以获取div的选择器，如下所示。

$('a').on('click', function (e) {
    e.preventDefault();
    var $href = $(this).attr('href');
    $(this).addClass('active');

    $('#' + $href).addClass('active'); // this is what you need to do
});