Question

我有这个HTML结构（摘录）：

<td>
    <select id="test1" class="pub_chooser">
        <option value="99">All Publications</option>
        <option value="40">Contract</option>
        <option value="21">Student</option>
    </select>
</td>

<td>
    <select id="thing1" class="ev_chooser"></select>
</td>

这是一个AJAX函数，可以在单击一个选项时填充第二个<select>。

我也允许用户克隆（）表行。我现在需要在我的AJAX函数中定位第二个<select>。

如果点击pub_chooser <select>，我怎样才能可靠地获取下一个.ev_chooser <select>元素？

我试过这个无济于事：

corresponding_select = $('select .ev_chooser').nextAll();

任何提示？

-Matt

Answer 1

这将为您提供最后一次选择。

$('select.ev_chooser:last')

或者只是在克隆元素中搜索：

var clonedOBJECT = $(whatEverYouClone).clone();
var theSelect= $( 'select.ev_chooser', clonedOBJECT );

Answer 2

corresponding_select = $('pub_chooser').closest('td').siblings().children('.ev_chooser');

Answer 3

摆脱选择器中的空间：

$('select.ev_chooser')

如果select和class之间有空格，它会在select的所有子项中搜索任何带有“ev_chooser”类的元素。

jQuery：使用表格行中的特定类抓取下一个<select> </select>

3 个答案: