Я использую aimaraJS для создания древовидной структуры, как получить определенный узел, выбранный для выполнения действия API.
https://www.cssscript.com/pure-javascript-treeview-component-aimarajs/
Я хочу получить значение выбранного узла, чтобы его можно было использовать в контроллере aimaraJS для отправки через API-запрос для извлечения данных из БД.
Пожалуйста, помогите мне понять, как получить выбранное значение?
Это HTML, который создается с одним узлом
<div id="div_tree">
<ul id="tree" class="tree">
<li class="last" style="background-color: white;">
<img id="toggle_off" class="exp_col" src="images/collapse.png">
<span class="node">
<img class="icon_tree" src="../libs/Aimara/images/server.png">
<a>Servers</a>
</span>
<ul id="ul_node_0" style="display: block;">
<li class="" style="background-color: transparent;"><img id="toggle_off" class="exp_col" src="images/collapse.png"><span class="node"><img class="icon_tree" src="../libs/Aimara/images/WindowsServer.png"><a>Windows</a></span>
<ul id="ul_node_1" style="display: block;">
<li class="last" style="background-color: white;"><img id="toggle_off" class="exp_col" src="images/collapse.png" style="visibility: hidden;"><span class="node"><img class="icon_tree" src="../libs/Aimara/images/monitor.png"><a>Janani</a></span>
<ul id="ul_node_2"></ul>
</li>
</ul>
</li>
<li class="last" style="background-color: white;"><img id="toggle_off" class="exp_col" src="images/collapse.png"><span class="node"><img class="icon_tree" src="../libs/Aimara/images/linux.png"><a>Linux</a></span>
<ul id="ul_node_3" style="display: block;">
<li class="last" style="background-color: white;"><img id="toggle_off" class="exp_col" src="images/collapse.png" style="visibility: hidden;"><span class="node"><img class="icon_tree" src="../libs/Aimara/images/monitor.png"><a>janani1</a></span>
<ul id="ul_node_4"></ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>