jquery - .children .val() 抛出未定义

Question

我正在尝试形成验证，但 .val() 似乎给出了未定义的。

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