找不到靠近选择器的div

Question

假设我具有以下HTML结构。 我正在尝试在JavaScript中的true中添加文本：

invalid-feedback

var form = $('#form');
form.find('.invalid-feedback')
  .closest('#email')
  .text("hello world");

但是<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="form"> <div class="form-group"> <label>Email (*)</label> <input class="form-control" type="text" required id="email" /> <div class="invalid-feedback"></div> </div> <div class="form-group"> <label>Password(*)</label> <input class="form-control" type="text" required id="password" /> <div class="invalid-feedback"></div> </div> </form>内没有文字。看来jQuery无法找到选择器。

这是JSfiddle测试。

Answer 1

尝试

更新：基于以下注释：“ @ caramba，我需要将文本应用于相应的div，在这种情况下是电子邮件，因此并非所有无效反馈的div”

 $( document ).ready(function() {
         var form = $('#form');
     form.find('#email').next('.invalid-feedback')
          .text("hello world");
    });

DEMO HERE

希望这会有所帮助。