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

正在尝试从ul中的最后一个li获取数据id值。它总是返回空的

js:

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>

---

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

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

---

就我在这里所见，幻灯片类中没有任何元素。

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