Как получить data-id из ссылки?

Question

[Дониёр Маматкулов]

Привет!
Сделал с помощью jsTree дерево. Каждой ссылке присваиваю data-id.
Код сформировавшегося дерева такой (отрывок):

<ul>
            <li class="text-muted jstree-open" role="treeitem" data-jstree='{"icon":"mdi mdi-earth"}' aria-selected="false" aria-labelledby="/_anchor" aria-disabled="false" aria-expanded="true" id="/" class="jstree-node jstree-open jstree-last"><i class="jstree-icon jstree-ocl" role="presentation"></i>
                <a class="text-muted jstree-anchor jstree_clicked data-id="8" href="#" tabindex="-1" id="/_anchor"><i class="jstree-icon jstree-themeicon folder jstree-themeicon-custom" role="presentation"></i>Москва</a>
            </li>
        </ul>

Пытаюсь при клике на кнопку вывести data-id выбранного нода. Делаю так:

$(".selectRegion").on('click', function(e) {
        var s = $(".jstree_clicked").data("id");
        console.log(s);
    });

Получаю undefined. Что я делаю не так???

Answer 1

[Дониёр Маматкулов]

Всё ребят, чё-то я заработался.
Ошибка то вот в чём, нужно :

$(".selectRegion").on('click', function(e) {
        var s = $(".jstree-clicked").data("id");
        console.log(s);
    });

Вместо

$(".selectRegion").on('click', function(e) {
        var s = $(".jstree_clicked").data("id");
        console.log(s);
    });

Comments

[leni_m]

бегом спать, а не мучать нас!

[Bhudh]

нужно
$(".jstree-clicked")
Вместо
$(".jstree_clicked")

Я бы всё-таки рекомендовал наоборот. Привыкнете к дефисам в классах и станете и idʼы с дефисами называть, а такой id невалиден в качестве имени переменной. Так что с дефисами idʼы лучше делать только тогда, когда есть опасность, что будет введена какая-то глобальная переменная, совпадающая с id, и перезатрёт его к чертям.