4

クラス「active_page」から「li」内の「a」を選択する方法を誰か教えてもらえますか? 次のことを試しましたが、うまくいきません。

if($('.active_page').next('.page_link').length==true){
    go_to_page(new_page);
}


<ul>
    <li>
        <a class="previous_link" href="javascript:go_to_previous();">Prev</a>
    </li>
    <li>
        <a class="page_link active_page" href="javascript:go_to_page(0)" longdesc="0">1</a>
    </li>
    <li>
        <a class="page_link" href="javascript:go_to_page(1)" longdesc="1">2</a>
    </li>
    <li>
        <a class="page_link" href="javascript:go_to_page(2)" longdesc="2">3</a>
    </li>
    <li>
        <a class="next_link" href="javascript:go_to_next();">Next</a>
    </li>
</ul>

ありがとう

4

3 に答える 3

4

<li>兄弟であるため、1 レベル上に移動する必要があります。

if ($(".active_page").parent().next().children('.page_link').length) {

}

それが少し冗長な場合は、インデックスを使用できます。

if ($(".page_link").eq($(".active_page").index("li .page_link") + 1)).length) {

}

これらの両方が機能することを証明するためだけに: http://jsfiddle.net/ExplosionPIlls/t5NDX/

于 2013-02-06T12:01:37.907 に答える
1

next兄弟を探しますが、a要素には兄弟がありません。その親liは次のことを行います。

if($('.active_page').parent().next().find('.page_link').length){
    go_to_page(new_page);
}

また、lengthは数値です。 と比較しないでくださいtrue。でないかどうかを知りたい場合lengthは0、上記が機能します。

于 2013-02-06T11:59:25.570 に答える
0

あなたが何をしようとしているのかわからないが、

$('.active_page');

それ自体があなたに<a>要素を与えるべきです

于 2013-02-06T11:59:45.823 に答える