Получить выбранное значение li в jquery

Ritu Malhotra спросил: 31 июля 2018 в 09:48 в: jquery

Я пытаюсь получить элемент раскрывающегося списка, который приходит с использованием скрипта. Как я могу получить "код набора данных" в jquery.In консольный html, показывающий это как

<li class="country" data-dial-code="93" data-country-code="af"><div class="flag-box"><div class="iti-flag af"></div></div><span class="country-name">Afghanistan (&#8235;افغانستان&#8236;&lrm;)</span><span class="dial-code">+93</span></li><li class="country" data-dial-code="355" data-country-code="al"><div class="flag-box"><div class="iti-flag al"></div></div><span class="country-name">Albania (Shqipëri)</span><span class="dial-code">+355</span></li>

3 ответа

Rohit Verma ответил: 31 июля 2018 в 09:56

Вы можете получить выбранное значение li в jquery, как показано ниже: -

$(document).ready(function(){
	$('li.country').each(function(index, elem){
		var allDialCode = $(elem).find('.dial-code').text();
			console.log(allDialCode);
		});
	});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="country" data-dial-code="93" data-country-code="af"><div class="flag-box"><div class="iti-flag af"></div></div><span class="country-name">Afghanistan (&#8235;افغانستان&#8236;&lrm;)</span><span class="dial-code">+93</span></li>

<li class="country" data-dial-code="355" data-country-code="al"><div class="flag-box"><div class="iti-flag al"></div></div><span class="country-name">Albania (Shqipëri)</span><span class="dial-code">+355</span></li>

Теперь все значения в консоли.

Aminesrine ответил: 31 июля 2018 в 09:57

Вы можете добавить класс для выбранного вами li

$('.country').on('click', function(){
    $(this).addClass("selected");
});

Затем, когда вы хотите получить код набора данных выбранного li, вы можете сделать следующее:

console.log($('.country.selected').data('dial-code'))
Priya Goud ответил: 31 июля 2018 в 10:01
$('li').click(function(e) 
{ 
  alert($(this).attr('data-dial-code'));
});