jquery 获取之前输入的文本

发布于 2024-10-07 07:24:34 字数 764 浏览 1 评论 0原文

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

I have the following 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>

For every click on check_quest I want to get value of a corresponding input. How can I do it using query. I`ve tried the following:

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

but this one and other combinations of prev text() and val are not showing the text Ive put into that textfield.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

青瓷清茶倾城歌 2024-10-14 07:24:34

您尝试过$(this).prev('input')吗?

编辑:

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

Have you tried $(this).prev('input')?

EDIT:

I mean: $(this).prevAll('input').val().

掩耳倾听 2024-10-14 07:24:34

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

这是 工作演示

即使它正在使用

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

It should work with val().

Here is working demo

Even it is working with

$(this).prevAll("input[type=text]").val()
江城子 2024-10-14 07:24:34

尝试

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

实例

Try

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

Live example

遗失的美好 2024-10-14 07:24:34

我认为

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

这是最好的方法。

I think

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

would be the best way to go.

卖梦商人 2024-10-14 07:24:34
$(".check_quest").click(function() {
    var answer = $(this).prevAll("input").first().val();
});
$(".check_quest").click(function() {
    var answer = $(this).prevAll("input").first().val();
});
顾冷 2024-10-14 07:24:34

这里是一个包含两个输入的工作示例,当您单击链接时,它们将显示不同的值

Here is a working example with two inputs that will show you the different values when you click the links

橪书 2024-10-14 07:24:34

试试这个:

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/

Try this:

HTML Code

<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())
 });      

Here is a working demo: http://jsfiddle.net/tVcKS/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文