jQuery从父同级查找输入值

Question

我有一段html代码，如下所示：

<div>
    <div><input id='route' value='1'></div>
    <div>
        <select id='selID'>
            ...
        </select>
    </div>
</div>

现在，我想在从select元素中选择任何选项后从输入中获得值我尝试过这样的东西，但仍然没有成功：

$(document).on('change', '#selID', function (event) {
    alert($(this).parent().siblings('div').children('input').val());    
});

有人能给我一个解决方案吗？提前谢谢！

Answer 1

你可以这样做-

$("#selID").on('change', function(){
    var $a = $(this);
    if($a.val() != ""){
        alert($a.parent().parent().find('input').val());
    }
    return false;
});

小提琴：http://jsfiddle.net/vzmzu6zc/

Answer 2

尝试使用$('#selID')而不是$('document')

$('#selID').on('change', function (event) {
    alert($(this).parent().siblings('div').children('input').val());    
});

FIDDLE