javascript - 从 li 中获取数据元素

Question

我有以下内容:

<div class="mCSB_container mCS_no_scrollbar" style="position: relative; left: 0px; width: 195px;">
   <li data-full-image="http://cf.test.com/images/store_logos/original/164df02513c4cfd3235c47a05f05c17005e178cb.jpg" data-large-image="http://cf.test.com/images/store_logos/original/164df02513c4cfd3235c47a05f05c17005e178cb.jpg" class="active">
   <img src="http://cf.test.com/images/store_logos/thumbnail/164df02513c4cfd3235c47a05f05c17005e178cb.jpg" alt="" width="228" height="304">
   </li>
   <li data-full-image="http://cf.test.com/images/store_logos/original/2027539ce2d318d297bb3298f30a433d1b2bae4a.jpg" data-large-image="http://cf.test.com/images/store_logos/original/2027539ce2d318d297bb3298f30a433d1b2bae4a.jpg" class="">
   <img src="http://cf.test.com/images/store_logos/thumbnail/2027539ce2d318d297bb3298f30a433d1b2bae4a.jpg" alt="" width="228" height="304">
   </li>
</div>

我尝试这样做:

$('.mCSB_container').children('li').each(function () {
    console.log(this.data("data-full-image"));
});

但是它说里面没有方法数据。知道为什么吗？

Answer 1

data 是一个 jQuery 方法，因此您需要将 this 包装在 jQuery 中，否则您只是引用没有 的 DOM 元素数据方法:

$(this).data("data-full-image")