从ul中的最后一个li获取错误的数据值

Question

试图从ul中的最后一个li获取data-id值.它总是返回空.

js:

var ss_id = $('#lightSlider .slides').last().data('id');

ul/li结构:

相同的li结构以不同的数据重复.

<ul id="lightSlider" class="gallery list-unstyled clearfix lightSlider csSlide" style="width: 1124px;">
    <li class="slide active" title="(window has no title) " data-thumb="/showimage.php?show=test1.jpg" data-id="30" style="width: 1094px; float: left; margin-right: 30px;">
        <img class="img-responsive" title="(window has no title) " src="/showimage.php?show=test1.jpg">
        <div style="border-top:1px #dddddd solid; padding:0 15px 15px 15px; background:#f5f5f5;">
            <h4><b>Wed, 06/25/14 @ 4:58:24 am UTC</b></h4>
            <ul class="list-unstyled">
                <li><b>1 :</b> test</li>
                <li><b>2 :</b> test</li>
                <li><b>3 :</b> test</li>
            </ul>
        </div>
    </li>
</ul>

Answer 1

我认为有一个简单的错误:尝试.slide类而不是.slides

var ss_id = $('#lightSlider .slide').last().data('id');