下一个同级元素内的 jQuery 选择器

Question

谁能告诉我如何从“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>

谢谢

Answer 1

您必须上升一级，因为它是 <li>这是 sibling :

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/