JQuery получить предыдущий ввод текста

Question

У меня есть следующий HTML:

    <div class="active_string">
                <input type="text" class="answer" /><div class="images"><img src="/images/myImage.png" alt="" /></div>
                <a href="" class="check_quest" id="1">Click me</a>
</div>
    <div class="active_string">
                <input type="text" class="answer" /><div class="images"><img src="/images/myImage.png" alt="" /></div>
                <a href="" class="check_quest" id="2">Click me</a>
</div>

За каждый клик по check_quest я хочу получить значение соответствующего ввода. Как я могу сделать это с помощью запроса. Я пробовал следующее:

$(this).prev().prev().text()

но эта и другие комбинации prev text () и val не показывают текст, который я поместил в это текстовое поле.

Answer 1

Вы пробовали $(this).prev('input')?

РЕДАКТИРОВАТЬ:

Я имею в виду: $(this).prevAll('input').val().

Answer 2

Должно работать с val ().

Вот working demo

Даже он работает с

$(this).prevAll("input[type=text]").val()

Answer 3

Попробуйте

$(this).prevAll("input[type=text]").val()

Живой пример

Answer 4

Я думаю,

$(this).parent().find('input').val();

будет лучшим способом.

Answer 5

$(".check_quest").click(function() {
    var answer = $(this).prevAll("input").first().val();
});

Answer 6

Здесь - это рабочий пример с двумя входами, который покажет вам различные значения при нажатии на ссылки

Answer 7

Попробуйте:

HTML-код

<div class="active_string">
    <input type="text" id="answer" />
    <div class="images"><img src="/images/myImage.png" alt="" /></div>
    <a href="" class="check_quest" id="1">Click me</a>
</div>

JavaScript

$(".check_quest").click(function(event)
 {
     event.preventDefault();
     alert ($("#answer").val())
 });      

Вот рабочая демонстрация: http://jsfiddle.net/tVcKS/