我有以下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的这一组合和其他组合没有显示我在该文本字段中放入的文本。
答案 0 :(得分:13)
您是否尝试过$(this).prev('input')
?
编辑:
我的意思是:$(this).prevAll('input').val()
。
答案 1 :(得分:8)
答案 2 :(得分:3)
答案 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/