用jQuery选择性地遍历div

时间:2014-02-08 20:57:13

标签: javascript jquery html

我目前遍历我的div以使用jQuery创建单独页面的错觉:

function nextForm() {
    $(".Page:visible").hide( ).next( ".Page" ).show( );
}

function prevForm() {
    $(".Page:visible").hide( ).prev( ".Page" ).show( );
}

这是我加载所有内容的主页:

<div class="Page" id="DealerInfo" style="display: block;">
    <script>$( "#DealerInfo" ).load( "formPages/DealerInfo.php" );</script>
</div>

<div class="Page" id="AdditionalLocations" style="display: none;">
    <script>$( "#AdditionalLocations" ).load( "formPages/AdditionalLocations.php" ); </script>
</div>

<div class="Page" id="OwnerInfo" style="display: none;">
    <script>$( "#OwnerInfo" ).load( "formPages/OwnerInfo.php" );</script>
</div>

这只是主页的一小部分内容。现在我想要完成的是;如果表单上的某个字段等于“1”,我想跳过AdditionalLocations div,但如果它大于“1”,那么我希望它显示“AdditionalLocations”div。我尝试过使用nextUntil('#OwnerInfo'),但仍会显示AdditionalLocations div。任何人都可以给我一个解决方案吗?

这是j sfiddle

1 个答案:

答案 0 :(得分:1)

添加.not(“#AdditionalLocationss”)选择器,你必须