Can't select last child in javascript

Asked Apr 27 '18 at 08:37

Active Apr 27 '18 at 08:48

Viewed 72 times

I want to select first element .tabs-heading after last element with these classes .tabs-heading .is-active

And on that first element .tabs-heading without is-active class I want to add is-active class

I've tried this, but not working!

document.querySelector('#next-bt').addEventListener('click', function() {
    var firstInactive = document.querySelector('.tabs-heading.is-active:last-child + .tabs-heading');
    firstInactive.classList.add('is-active');
});

asked Apr 27 '18 at 08:37

RS92

Some html will be helpful. We don't see how Yours document looks like. – bigwolk Apr 27 '18 at 08:39
Can you provide an example of the dom? – Lloyd Moore Apr 27 '18 at 08:39
how does the html structure look like exactly? – cloned Apr 27 '18 at 08:39
there is no element after last-child ---> so this will never work – Temani Afif Apr 27 '18 at 08:41
before saying it's not a duplicate : last-child, nth-child, nth-of-type all works the same way and you cannot combine selecor with them. They consider elements and not elements with a specific class. Also this has nothing to do with JS, you are using querySelector so it's a CSS issue – Temani Afif Apr 27 '18 at 08:42
How many items with `is-active` do you have ? – mahan Apr 27 '18 at 08:50

Can't select last child in javascript

0 Answers0