What is the best way to attach a handler to an element?

Question

Docker

There is a navigation, and the elements of this navigation (links) are loaded via the API from the server, an example of how this is implemented:

for (var i =  0; i < links.length; i++) {
   var li = document.createElement('li');
   li.innerHTML = links[i].name;
   $('.nav__content').append(li);
}

An li element is created and placed in a ul with the nav__content class, but a handler needs to be attached to these li so that some li can be expanded, since some links will have subcategories.
What is the best way to do this? So far, there is only one idea: add a class to these li-elements and catch them in js. But I don't think this is the best solution.

Answer 1

The official documentation is called

Answer 2

It doesn't have to be done through docker.
Install multiple versions of php.
In your case, install `php7.0` from the ppa repository:

sudo add-apt-repository ppa:ondrej/php
sudo apt update
sudo apt install php7.0 php7.0-fpm

Then configure your webserver to use the correct version. For example in nginx, set `fastgci_pass`:

# ...
fastcgi_pass unix:/var/run/php/php7.0-fpm.sock;
# ...

Answer 3

Here it is better to hang the handler on the parent ul.
https://davidwalsh.name/event-delegate

Answer 4

In jQuery it looks like this:

$(".nav__content").on( "click", "li", function(){
  // ваш обработчик клика по любому li
  // если какой-то li должен обрабатываться специфическим образом, 
  // задайте ему класс и работайте с этим классом
});