HTML seznam ul li - volání metody pouze potomka

Elegantni reseni: event.stopPropagation()

Mrkni na to

To je mi známo.

Našel jsem konkrétně:

$('li').click(function(event) {
if (this === event.target) {
// do your code
}
});

ale nevím, jak dostat do // do your code
parametr onclick funkce. Prostě, abych tam zavolal to:
ajaxLoadURL('HENECRYL1K-2K');

Ak to chceš mať inline v atribúte, tak môžeš použiť premennú event, ktorá je implicitne nastavená: onclick="ajaxLoadURL(event, 'HENECRYL1K-2K')". Následne v ajaxLoadURL zavoláš stopPropagation.

Ak to chceš lepšie, tak namiesto inline JavaScriptu nastavíš všetko deklaratívne a JavaScript následne nainicializuješ. V tom prípade dáš rootu nejaký identifikátor (dajme tomu, že ten child_node_1, ktorý tam už máš) a URL nastavíš do dátových atribútov: <li data-url="HENECRYL1K-2K">. Obsluhu JavaScriptom potom budeš mať na jednom mieste a bude vyzerať zhruba takto:

const tree = document.getElementById('child_node_1');
tree.onclick = event => {
    const item = event.target.closest('li');
    if (item.dataset.url) {
        ajaxLoadURL(item.dataset.url);
    }
}

Kód som písal z hlavy, tak tam môžu byť chyby.

Děkuji za navržená řešení.

Zkoušel jsem obě.
První nefunguje, ale druhé je ještě lepší a funkční.

Toto je ukázkové řešení potíže ve vláknu.

Jste super.