jQuery选择上面的输入标签

Question

当用户点击icon-calendar标记内的i时，我想引用上面的输入。

<div class="input-control text">
    <input type="text" data-bind="text: fromDate" />
    <i data-bind="datepicker: fromDate" class="icon-calendar btn"></i>
</div>

那么如何使用jQuery选择input标签上方的i。

类似的东西：

$(element).closest('input')

如果元素是我点击的i标记。

感谢。

Answer 1

http://api.jquery.com/prev/

$(element).prev("input").first();

Answer 2

closest()将遍历DOM树中的祖先而不是元素的兄弟，您可以使用siblings()或prev()：

$('.btn').siblings('input').data('bind')
$('.btn').prev().data('bind')

Fiddle