javascript - jQuery .data() 仅通过调用警报显示“未定义”

Question

我需要获取循环内每个节点的数据属性值。在下面的示例中，我需要确定属性“data-langlabels”是否包含多个值，但我可能无法访问它。你知道我的问题是什么吗？

这是 HTML 代码：

<a class="dropdown-toggle" href="#" data-link="aaa.pdf" data-toggle="dropdown" data-langlabels="English">Link 1</a><br />
<a class="dropdown-toggle" href="#" data-link="bbb.pdf" data-toggle="dropdown" data-langlabels="English,Spanish">Link 2</a><br />
<a class="dropdown-toggle" href="#" data-link="ccc.pdf" data-toggle="dropdown" data-langlabels="English,Spanish,German">Link 3</a><br />

Javascript部分：

<script type="text/javascript">
    var findTarget = $('a').data('toggle');
    if (findTarget === 'dropdown') {
        $('a.dropdown-toggle').each(function() {
            var ieLanguages = $(this).data('langlabels');
            alert('ieLanguages: ' + JSON.stringify(ieLanguages, null, 4));

            if (ieLanguages.indexOf(',') > -1) {
                console.log('display more languages!');

                var count = 0;
                $(this).on('click', function(event) {
                    if(count<1) {
                        event.preventDefault();
                    }
                    count++;
                });

            } else {
                console.log('display only one language!');
            }
        });
    }
<script>

这是基于上述内容的JSFiddle。