Jqueryに最も近い機能がありません

Question

jqueryの機能を "近似"することができないのはなぜか分かりません。

私はこのコードを持っています。

<form> 
<input type='text' name='q'> 
<a href='javascript:void(0);' id='search_items'>Search</a> 
</form> 

なぜ次は常に「未定義」と警告しますか？

$("#search_items").bind('click', function() { 
    var q = $(this).closest("input[name=q]").val(); 
    alert(q); 
}); 

ありがとうございます！ 乾杯、 ベン

Answer 1

あなたinput要素は兄弟ではなく、#search_itemsの祖先です。 siblings()（またはprev()、必要な柔軟性に依存します）が必要です。作業として確認

$("#search_items").bind('click', function() { 
    var q = $(this).siblings("input[name='q']").val(); 
    alert(q); 
});