显示最近的课程不起作用

时间:2018-02-25 12:20:20

标签: jquery

HTML:

String

Jquery的:

<html><head>
    <title>Form validation</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/fonts/style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/validation.js"></script>
</head>
<body>
<form action="/action_page.php">

  First name:<br>

  <input type="text" class="require" name="firstname"> 
  <div class="error">
     <p><span class="icon-cross"> </span> This field is required </p> 
  </div>

  <div class="success">
     <p><span class="icon-checkmark"> This field is required</span></p> 
  </div>


  <br>
  Last name:<br>
  <input type="text" name="lastname">
<br>
<div class="raio-group require">
<input type="radio" name="gender" value="male"> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="radio" name="gender" value="other"> Other
</div>
<br>
<textarea class="require"></textarea>

  <br><br>
  <input class="submit_btn" type="submit" value="Submit">
</form> 


</body></html>

1 个答案:

答案 0 :(得分:1)

问题不在THIS:它有预期的元素。问题是这些元素中没有一个具有类的祖先&#34;错误&#34; - 这是closest将要寻找的内容(尽管它的名字)。

您似乎正在寻找该类的下一个兄弟元素。你可以用:

来做到这一点
THIS.nextAll('.error').eq(0).show()

请确保在所有必填输入元素后面都有一个error类元素,否则您将找到错误的元素。