javascript - 单击按钮时，如何从紧邻其上方的文本框中获取文本

我有一些类似的代码：

<input type="text" class="searchpersontxtbox" />
<input type="button" value="Find" class="findpersonbtn btn" disabled="disabled" />

有一个按钮单击事件：

$(document).ready(function () {

        $('.findpersonbtn').click(function () {

            var findpersonbutton = $(this);

            var searchbox = $(this).closest('.searchpersontxtbox');
            alert(show the searchbox text here);

        });
    });

因此，当单击按钮时，我试图在搜索框中获取文本并将其警告到屏幕。

需要注意的一点是，页面上可能有多个带有“ searchpersontxtbox”类的搜索框。

所以我想从按钮上方的文本框中获取文本。

有人能帮我一下吗？

最佳答案

这不是closest的工作方式。没有看到其余的标记，执行此操作的一种方法是：

$(document).ready(function () {
    $('.findpersonbtn').click(function () {
        var findpersonbutton = $(this)
            , searchbox = $(this).prev();

        alert(searchbox.val());
    });
});

您可以使用prev使元素位于单击的.findpersonbtn上方。

关于javascript - 单击按钮时，如何从紧邻其上方的文本框中获取文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13485205/