在控制台中播放未定义的attr值

Question

我正在尝试获取数据图标值，但它在控制台中显示未定义。

我的代码是

<ul class="list-icons" data-icons="star">

Js文件

var icon = $('ul.list-icons li').attr('data-icons');
console.log(icon);

显示未定义的

Answer 1

您选择了li，但您的属性位于ul。删除li。

var icon = $('ul.list-icons').attr('data-icons');
// No li here -------------^
console.log(icon);

Answer 2

<ul class="list-icons" data-icons="star">csdc
</ul>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {

        var icon = $('ul.list-icons').attr('data-icons');
        alert(icon);
    });
</script>

无需撰写＆＃34; li＆＃34;