Question

我有如下所示的html ajax表单结构：

<form name="vafForm" id="vafForm" method="GET" action="urlfor ajax">
    <input type="hidden" value="0" id="vafProduct">
            <!--<div id="catalog-collection" class="select">-->

        <select class="catSelect {prevLevelsIncluding: 'cat'} cat" name="cat" id="catalog" data-level="0">

            <option value="0">- Select Cat -</option>

                        <option value="1">
                Federal            </option>
                        <option selected="selected" value="2">
                California            </option>

        </select>

        <!--</div>-->
                <!--<div id="year-collection" class="select">-->

        <select class="yearSelect {prevLevelsIncluding: 'cat,year'} year" name="year" id="year" data-level="1"><option value="0">- Select Year -</option><option value="7">2016</option><option value="3">2012</option></select>

        <!--</div>-->
                <!--<div id="make-collection" class="select">-->

        <select class="makeSelect {prevLevelsIncluding: 'cat,year,make'} make" name="make" id="make" data-level="2"><option value="1">Acura</option></select>

        <!--</div>-->
                <!--<div id="model-collection" class="select">-->

        <select class="modelSelect {prevLevelsIncluding: 'cat,year,make,model'} model" name="model" id="model" data-level="3"><option value="2">Ultra</option></select>

        <!--</div>-->
                <!--<div id="litre-collection" class="select">-->

        <select class="litreSelect {prevLevelsIncluding: 'cat,year,make,model,litre'} litre" name="litre" id="litre"><option value="6">6</option></select>

        <!--</div>-->
                <div align="center">
            <input type="button" style=" padding:5px; margin:5px;" value="Clear" class="vafClear"><input type="button" style=" padding:5px; margin:5px;" class="vafSubmit" value="Submit">
        </div>
              </form>

正在工作（如果所有select框彼此相邻，则选择第一个选择框，然后下一个框由ajax加载相关数据）但是出于设计考虑，我需要添加{{ 1}}围绕所有选择框，也让它们通过ajax下拉选择工作。

现在我正在使用jQuery的<div>函数，这在结构更改时不是一个好的选择。那么任何人都可以指导我如何在所有选择框周围使用nextAll？

我目前使用的脚本如下：

div

我不是一个脚本专家。

Answer 1

使用 nextAll().children()它应该有效

<强>阐释：

由于 nextAll（）方法 会返回所选元素的所有下一个兄弟元素。

现在，如果你向它添加 children（）方法，那么child（）方法将返回所选元素的所有直接子元素。

DEMO

nextAll（）可以跳过任何指定的父元素，只查找父元素中的子元素吗？

1 个答案: