0

このjQueryを使用して次のリスト要素を選択し、クラスを複製し.slide-titleてから別のクラスに追加しています。

$('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>
4

2 に答える 2

2

.next()である必要がある次の兄弟を取得しますli。.find()その後、要素の子孫を確認するために使用できます。

$('li:visible').next('li').find('.slide-title').clone().appendTo('.feat_next');
于 2013-04-02T23:21:57.913 に答える
0

ドキュメントを確認してください。.next()選択した要素の次の兄弟のみを検索します。.find()目的のものを取得するには、を使用する必要があります。

于 2013-04-02T23:23:45.820 に答える