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”，这不会发生。我究竟做错了什么？我甚至尝试过“兄弟姐妹”的功能。

Answer 1

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

以下是演示：http://jsfiddle.net/7twmJ/

Answer 2

它不起作用，因为节点xpath / axis中的同一级别没有“next”元素（兄弟）。试试这个：

$(this).parent.next().children("select:first").attr("id")

如何在此HTML中选择下一个“选择”（下拉列表）？

2 个答案: