Question

我在HTML中输入后有一个按钮，我想使用该按钮从该输入中检索值并执行操作。我面临的问题是我的jQuery没有找到这个价值。

HTML：

<div>
    <input class="an-input" type="text"></input>
    <button class="ui-state-default inputButton an-button">GO</button>
</div>

JS：

$('.an-button').click(function() {
    var inputValue = $('.an-button').prev('.an-input').find('input').val();
    window.open('http://a810-bisweb.nyc.gov/bisweb/JobsQueryByNumberServlet?passjobnumber='+inputValue+'&passdocnumber=&go10=+GO+&requestid=0');
});

Answer 1

使用closest：

推送DOM

 var inputValue = $('.an-button').closest('div').find('input').val();

Fiddle

Answer 2

尝试删除.find('input')，因为.prev(".an-input")应该返回input元素。另请注意，<input />标记是自动关闭的

$(".an-button").click(function() {
    var inputValue = $(this).prev(".an-input").val();
    console.log(inputValue)
    //window.open('http://a810-bisweb.nyc.gov/bisweb/JobsQueryByNumberServlet?passjobnumber='+inputValue+'&passdocnumber=&go10=+GO+&requestid=0');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div>
    <input class="an-input" type="text" />
    <button class="ui-state-default inputButton an-button">GO</button>
</div>

Answer 3

$('button.an-button').click(function() {
    var inputValue = $('.an-input:text').val();
  ... rest of code
})

Answer 4

要定位兄弟姐妹，它必须是类似的类型。

请改为尝试：

$('.an-button').click(function() {
    var inputValue = $('.an-button').parent().find('.an-input').val();
    window.open('http://a810-bisweb.nyc.gov/bisweb/JobsQueryByNumberServlet?passjobnumber='+inputValue+'&passdocnumber=&go10=+GO+&requestid=0');
});

Answer 5

输入元素没有结束标记

更多信息here

正确的是＆lt; input /＆gt;

点击按钮从附近输入获取值？

5 个答案: