使用jQuery

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

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

顺便说一句：您错过了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>

Answer 2

您应该按照jQuery文档中的说明使用.attr()函数：

https://api.jquery.com/attr/

Answer 3

就是这样。既然您只需要激活li，对吗？

var ddcode=$('.country-list .active').attr('data-dial-code');

Answer 4

如果您需要第二个激活班级的人

var value = $('ul.country-list li.active:eq(1)').data('dial-code');