Jquery最近不起作用

Question

我已经尝试了一段时间才弄清楚为什么我永远无法得到最近的＆＃34;＆＃34;从jquery到工作的功能。

说我有这个代码;

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

为什么以下内容总是警告＆＃34;未定义＆＃34;？

$("#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);
});