Select an element whose id matches href attribute jQuery

Question

I want to select an element whose id matches the href of an <a> element

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');
});

score 0 · Accepted Answer · answered Mar 22 '16 at 17:39

0

Add a leading # to the $href to get the selector of the div like following.

$('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
});

answered Mar 22 '16 at 17:39

Ibrahim Khan

20,616
7
42
55

That's it! The thing is, what $('#' + $href) does? – gustavozapata Mar 22 '16 at 17:50
`$('#' + $href)` selects the div which id is same as the cliked ``'s `href`. @tavozapata – Ibrahim Khan Mar 22 '16 at 17:53
Oh I see, I'd never have imagined that the addition sign would do that – gustavozapata Mar 22 '16 at 18:10

Select an element whose id matches href attribute jQuery

1 Answers1