Select an element whose id matches href attribute jQuery [duplicate]

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

Ibrahim Khan · Accepted Answer · 2016-03-22 17:39:27Z

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, 2016 at 17:39

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

gustavozapata Over a year ago

That's it! The thing is, what $('#' + $href) does?

Ibrahim Khan Over a year ago

$('#' + $href) selects the div which id is same as the cliked <a>'s href. @tavozapata

gustavozapata Over a year ago

Oh I see, I'd never have imagined that the addition sign would do that

Collectives™ on Stack Overflow

Select an element whose id matches href attribute jQuery [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related