javascript - 单击跨度时获取附近的输入元素(onclick 事件)

Question

我试图使用closest()函数获取附近的输入元素，但它说closest不是一个函数...

这是一个 JSFdlle:http://jsfiddle.net/1mvc76fv/

HTML:

<div>
    <input type="text" value="1"/>
    <span onClick="fireIt(this)">Kick</span>
</div>
<div>
    <input type="text" value="2"/>
    <span onClick="fireIt(this)">Kick</span>
</div>`

JS:

window.fireIt =  function(param) {
    tmp = param.closest('input');
    alert( tmp.val() );  
}

如何获取最接近的输入元素？为什么最近的不起作用？

Answer 1

使用.prev()访问先前输入的方法

window.fireIt =  function(param) {
  tmp = $(param).prev('input');
  alert( tmp.val() );
}

Updated Fiddle

<小时/>

由于您已经在使用 jquery，因此可以使用它来绑定(bind)事件处理程序，而不是使用内联处理程序，如下所示:

$("span").click(function() {
  tmp = $(this).prev('input');
  alert(tmp.val());
});