Jquery 下一个选择器找不到类

我正在使用这个jQuery选择下一个列表元素，克隆类

。幻灯片标题

，然后将其附加到另一个类

$（'li:visible'）.next（'.slide title'）.clone（）.appendTo（'.feat_next'）

这是HTML，如果我从
.next（）
函数中删除选择器，它将克隆下一个列表元素并附加它。那么为什么它找不到
.slide title
类呢

谢谢

<ul id="slider" style="position: relative;">
    <li style="position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 1;">
        <div class="content_left">
            <p class="slide-date">July 2, 2012</p>
            <h2><a class="slide-title" href="#">3333333333</a></h2>asdfasfasfasdfasdfasdfasdfasfdasfdasfdasfd
            <p class="post-byline">by admin</p>
        </div>
        <div class="img_right"><a href="#"><img src="#"></a>
        </div>
    </li>
    <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;">
        <div class="content_left">
            <p class="slide-date">April 1, 2013</p>
            <h2><a class="slide-title" href="#">asdfasdfasdf</a></h2>asdfasfasdfasdfasdf
            <p class="post-byline">by admin</p>
        </div>
        <div class="img_right"><a href="#"><img src="#"></a>
        </div>
    </li>
    <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;">
        <div class="content_left">
            <p class="slide-date">April 2, 2013</p>
            <h2><a class="slide-title" href="#">223234234</a></h2>asdfasfdasfasfasfasdfasdf
            <p class="post-byline">by admin</p>
        </div>
        <div class="img_right"><a href="#"><img src="#"></a>
        </div>
    </li>
</ul>
        <div class="feat_next"><a href="#"></a></div>
        <div class="feat_prev"><a href="#"></a></div>



2012年7月2日
asdfasfasdfasdfasdfasdfasdfasdfasfdasfdasfdasfdasfdasfdasfd
由管理员提供


2013年4月1日

asdfasfasdfasdfasdfasdf
由管理员提供


2013年4月2日
asdfasfdasfasfasdfasdf
由管理员提供


将获得下一个兄弟姐妹，该兄弟姐妹必须是
li
。然后可以使用检查元素的子体

$('li:visible').next('li').find('.slide-title').clone().appendTo('.feat_next');

检查
.next（）
仅查找选定元素的下一个同级。您需要使用
.find（）
来检索所需内容