jquery - 使用 jQuery 获取 <li> 元素的 data 属性值

Question

如何使用 jQuery 获取 data-dial-code 的值？

<ul class="country-list>
    <li class="country preferred active" data-dial-code="1" data-country-code="us">...</li>
</ul>

<ul class="country-list>
    <li class="country preferred active" data-dial-code="48" data-country-code="pl">...</li>
</ul>

我可以像这样获取这个元素，因为我必须列出相同的类，但我需要第二个:

$('.country-list .active')[1]

Answer 1

您可以按照以下两种方式仅读取第二里的数据属性值

顺便说一句:您错过了 ul 类的结束双引号 -- <ul class="country-list"> ，因此请在源代码中更正它

$(function(){
   console.log('Data with "data" ' + $('ul.country-list li.country:eq(1)').data('dial-code'));
   //OR
   console.log('Data with "attr" ' + $('ul.country-list li.country:eq(1)').attr('data-dial-code'));
 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
    <ul class="country-list">
        <li class="country preferred active" data-dial-code="1" data-country-code="us">
        </li>
    </ul>

    <ul class="country-list">
        <li class="country preferred active" data-dial-code="48" data-country-code="pl">
        </li>
    </ul>