javascript - 如何在此 HTML 中选择下一个 "select"(下拉菜单)？

Question

我的 html 是:

    <tr>
        <td><select id = "delAppSelectApp" name="delAppSelectApp"><option value="--Select--"> --Select--</option></select></td>
        <td><select id = "delAppSelectAppVers" name="delAppSelectAppVers"><option value="--Select--">--Select--</option></select></td>
        <td><input type="submit" name="submitDelAppVers" id="submitDelAppVers" value="Delete Application Version" /></td>
    </tr>

我的脚本是:

$(document).ready(function(){
    $("#delAppSelectApp").change(function(){
        alert( $(this).nextAll("select").attr("id") );
    });
});

我希望窗口提醒“delAppSelectAppVers”，但这并没有发生。我究竟做错了什么 ？我什至尝试过“ sibling ”功能。

Answer 1

$(document).ready(function() {
    $("#delAppSelectApp").change(function() {
        alert( $(this).closest("td").next().find('select').attr("id") );
    });
});

这是一个演示:http://jsfiddle.net/7twmJ/