.children .val（）抛出undefined

Question

我试图形成验证，但.val（）似乎给出了undefined。请帮忙

$(document).ready( function() {

  $('.formElem .input').each(function() {    
    $(this).children(".inputField").on("keyup", function() {

      console.log($(this).children('#username').val());

    });
  });
});

这是html部分

<form action="#" class="formElem" method="post" autocomplete="off">
 <div class="input username_container">
        <input class="inputField" id="username" maxlength="50" placeholder="Username" name="username" size="20" tabindex="1" type="text">               
        <div class="tip">
          <p class="blank error">Field cannot be empty</p>
     </div>
  </div>

Answer 1

'username'不是传递给.children()

的有效参数 如果您要定位输入字段，

input会有效，如果您在子项上指定了类，则.username也会有效。

Answer 2

这是一个愚蠢的屁股问题。仅发布，因为我不知道如何搜索它。但感谢@Juhana的回答

$(this).val();