Check for changes to class attribute on click

Asked May 15 '17 at 13:14

Active May 15 '17 at 13:14

Viewed 37 times

There is a React function that returns a list of card elements.

When we click one of the elements, the class attribute value becomes card expanded.

What can we do in JavaScript or jQuery to detect a change in one of these class attributes? When a change is detected on click, I want to check if the element is within viewport, and if so, scroll the element into view.

Any idea how to do the first part?

asked May 15 '17 at 13:14

Marco V

2,553
8
36
58

`$(document).on('click','.card',function(){ if($(this).hasClass('expanded')){//do some stuff}});` – Alive to die - Anant May 15 '17 at 13:17
Looks good, you want to create an answer from that? – Marco V May 15 '17 at 13:18
You can use a mutation observer to check when a class is changed by an external script on a given element. – Rory McCrossan May 15 '17 at 13:23
Sorry i am late. But i hope you got the answer or idea how to do that – Alive to die - Anant May 15 '17 at 13:23
@AlivetoDie OP wants to detect the class change, not a click event – Rory McCrossan May 15 '17 at 13:23
@RoryMcCrossan OP says that:-`When we click one of the elements, the class attribute value becomes card expanded` . So i think that on click of div this class is added to the clicked div. That's why i gave that code – Alive to die - Anant May 15 '17 at 13:26

Check for changes to class attribute on click

0 Answers0