jquery获取以前的输入文本

时间:2010-12-10 09:59:37

标签: jquery jquery-selectors

我有以下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的这一组合和其他组合没有显示我在该文本字段中放入的文本。

7 个答案:

答案 0 :(得分:13)

您是否尝试过$(this).prev('input')

编辑:

我的意思是:$(this).prevAll('input').val()

答案 1 :(得分:8)

它应该与val()一起使用。

这是working demo

即使它正在使用

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

答案 2 :(得分:3)

尝试

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

Live example

答案 3 :(得分:2)

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

答案 4 :(得分:2)

我认为

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

将是最好的方式。

答案 5 :(得分:1)

Here是一个工作示例,有两个输入,当您点击链接时会显示不同的值

答案 6 :(得分:0)

试试这个:

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/