javascript - 更改最近的输入值？

Question

我有一个实例，我的日期选择器无法通过单击按钮来工作，所以我想找到最接近的输入和 .click() 或 .focus() (对于它的日期选择器，因为同一字段会受到影响)。为了这个演示，从按钮/图标单击 - 找到最接近的输入并聚焦/单击它。如果正确，边框将发出蓝色光。 http://jsfiddle.net/81tvr0op/

HTML

<table>
    <tr>
        <th>
            <div class="input-group date">
                <input type="text" />
                <span class="input-group-btn">
                    <button class="btn default" type="button">
                        <i class="fa fa-calendar"></i>
                        Icon
                    </button>
                </span>
            </div>
        </th>    
    </tr>
</table>

jQuery

...类似

$(".date > span > button").on('click', function (e) {
                e.preventDefault();
                $(this).closest("th").find("input:text").click();
            });

...对吗？

Answer 1

如果我理解正确，当用户单击按钮时，您试图将光标放入输入框中。

为此，您应该使用 .focus() 而不是 .click()。

工作示例: http://jsfiddle.net/81tvr0op/1/