How, when hovering over li, the current li and all li that come before it, add the active class?

Question

JavaScript

Hello.

Here's an example

How can I add the active class to the current li and all li that come before it when hovering over li?

Answer 1

So? jsfiddle.net/dae4mv0d

Answer 2

As an additional option:
number the list, for example through data-num="1", cling to the hover event, get the number $(this).data('num'), run a for loop, add classes addClass('active')