Question

我正在尝试使用脚本来获取下拉项。如何在jquery中获取“数据拨号代码”。在控制台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>

Answer 1

您可以在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>

现在控制台中的所有值。

Answer 2

您可以为所选的li添加课程

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

然后，当您想要获取所选li的数据拨号代码时，可以执行以下操作：

console.log($('.country.selected').data('dial-code'))

Answer 3

$('li').click(function(e) 
{ 
  alert($(this).attr('data-dial-code'));
});

在jQuery中获取选定的li值

3 个答案: