Как правильно взять данные у data атрибута?

спасибо нужно было .find('span')

А как сделать клик в клике? Т.е. у меня автокомплит к котором я нажимаю на li, потом есть кнопка, после нажатия на которую, нужно вывести дата-атрибут

Так не сработает.

$("#airports_next").click(function () {
	$('#country-list li').click(function (){
		var test = $(this).find('span').attr('span-data');
		alert (test);
	});
});

вот как выглядит

McThinker, просто, делаете клик в клике. Вам нужно подставлять значение вместо текста типо?
Ну так это отдельная функция, при клике на пункт меню вытянуть его значение в переменную и вставить вместо value или что там у вас.

slave, кликнул по городу, потом нажал продолжить и вывел алертом span-data того города, которого кликал.

McThinker, пишите клик по элементу(городу) и регаете переменную с спан-дата этого города, пишите клик на "продолжить" и выводите переменную. Это теория для наглядности скиньте это в кодпен