Intenté hacer un puntero al primer li y luego intenté navegar a través de él, pero no funcionó en mi caso: [esta es la imagen de mi elemento dom] [1]
[1]: https://i.stack.imgur.com/f1uO6.png
Código:
$(window).keyup(function(e) { console.log("Key Code: ", e.keyCode); var $currentParent = $('div[data-tree-model] li.active'); console.log("Current Parent", $currentParent); var $next; if (e.keyCode === 39 || e.keyCode === 37) { $currentParent[0].firstElementChild.click(); } else if (e.keyCode == 38) { $next = $currentParent.prev(); } else if (e.keyCode == 40) { $next = $currentParent.next(); } if ($next.length > 0) { $('div[data-tree-model] li ').removeClass('active'); $next.addClass('active'); } });