jQuery .next选择器没有找到类

我使用这个jQuery来选择下一个列表元素并克隆类.slide-title然后将它附加到另一个类。jQuery .next选择器没有找到类

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

这是HTML和jsfiddle如果我从.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>

来源

2013-04-02 Anagio

.next()将获得一个同级它必须是一个li。然后，您可以使用.find()来检查元素的后代。

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

来源

2013-04-02 23:21:57

检查the docs。 .next()只能找到所选元素的下一个兄弟。您将需要使用.find()来检索您的内容。

来源

2013-04-02 23:23:45

jQuery .next选择器没有找到类

回答

相关问题