无法通过更改功能选择同一表行中的元素

Question

我写了一个jQuery代码，要在选择第一个选择元素时选择另一个选择元素，但是它无法选择原因...？

这是桌子

<table id="travelDetailTbl" class="table table-list table-striped table-hover" style="width:100%;">
<tbody id="row_div">
    <tr>
        <td>
            <select name="travelMode[]" id="travelMode1" class="form-control travelMode">
                <option value="0">Travel Mode</option>
                <option value="171">By Air</option>
                <option value="172">By  Train</option>
                <option value="173">By Road</option>
            </select>
        </td>
        <td>
            <select id="travelClass1" name="travelClass[]" class="form-control travelClass">
                <option value="0" selected="">Select Travel Class</option>
            </select>
        </td>
    </tr>
</tbody>
</table>



$('#travelDetailTbl').delegate(".travelMode","change",function(){
    alert("hello");
    $(this).closest('.travelClass').remove();
});

此处警报正常运行。我只想稍后选择特定的元素即可。

Answer 1

.closest在DOM树中上移，以尝试查找要查找的元素。从您的.travelClass元素的位置开始，树上没有.travelMode元素。

您需要先上升到TD或TR，然后从侧面/向下选择所需的元素。