如何在单击时使用jQuery查找兄弟元素的值 [英] How to find a sibling element's value using jQuery upon click

问题描述

我正在尝试使用以下jQuery代码在下面的HTML中找到用户标识和密码的值，但它不返回任何值。我做错了什么？

 < div id ='mainpane'> 
< form id ='login'method ='post'action ='＃'> 
< p>用户ID：< input id ='userid'type ='text'name ='userid'>< / input>< / p> 
< p>密码：<输入ID ='密码'类型='文字'名称='密码'>< / input>< / p> 
< p>< input id ='submit'type ='submit'name ='Submit'value ='Submit'>< / input>< / p> 
< / form> 
< div id =message>< / div> 
< p>不是会员？ < a href =user-signup.html>注册< / a>< / p> 
< / div> 
  

这是jQuery代码：

  $（document）.ready（function（）{
 $（'＃login'）。delegate（'input＃submit'，'click'，function（）{
 alert（'user id is：'+ $（this）.parent（）。parent（）。find（'＃userid'）。html（））; 
 var request = $ .ajax（{
类型：POST，
 url：/ login，
数据：{userid：$（'＃userid'）。text（），密码：$（'＃password'）。文本} 
}）; 
 
}）; 
  

警报返回时显示空数据。感谢任何关于我做错的指示。

谢谢，Kalyan。

.val（）来检索输入值。

  var userid = $（＃userid）。val（）; 
 var pass = $（＃password）。val（）; 
  

I'm trying to find the value of the userid and password in the below HTML using the following jQuery code, but it doesn't return any value. What am I doing wrong?

<div id='mainpane'>
    <form id='login' method='post' action='#'>
        <p>User Id:<input id='userid' type='text' name='userid'></input></p>
        <p>Password:<input id='password' type='text' name='password'></input></p>
        <p><input id='submit' type='submit' name='Submit' value='Submit'></input></p>           
    </form>
    <div id="message"></div>
    <p>Not a member? <a href="user-signup.html">Signup</a></p>
</div>

Here's the jQuery code:

$(document).ready(function() {
    $('#login').delegate('input#submit','click',function(){
        alert('user id is: '+$(this).parent().parent().find('#userid').html());
        var request = $.ajax({
            type:"POST",
            url:"/login",
            data: {userid:$('#userid').text(), password:$('#password').text}
            });

        });

The alert comes back with an empty data. Appreciate any pointers on what am I doing wrong.

Thanks, Kalyan.

解决方案

use .val() to retrieve an input's value.

var userid = $("#userid").val();
var pass   = $("#password").val();

这篇关于如何在单击时使用jQuery查找兄弟元素的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！