jQuery：抢下一个 <select>在表行中使用特定的类

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> 。

我怎样才能可靠地获得下.ev_chooser <select>元素时pub_chooser <select>点击？

我尝试了一下都没有用：

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

有小费吗？

-马特

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”类的元素。