javascript - $(this).next() 返回未定义

Question

我正在尝试使用 jQuery 来显示或不显示 div，但我无法使用 jQuery 代码选择它。它返回给我未定义。有人可以帮我吗？

$(document).on('click', '.questions', function() {
  $(this).replaceWith($('<p id="selected">' + this.innerHTML + '</p>'));
  $(this).parent().next().css("border", "1px solid red");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="questions_impt">
  <p id="testde" class="questions">Comment vous rejoindre ?</p>
  <div class="quest_join">
    <p>Pour nous rejoindre il faut que tu t'inscrives a l'association. Remplis le formulaire ci-joint et renvois le nous a l'adresse XXX. Tu recevras ensuite un mail t'annonçant ton arrivé l'association. Tu peux aussi venir a nos journées d'initiation tout
      le long de l'année si tu veux d'abord découvrir le longboard avant de t'engager !</p>
  </div>
</div>

Answer 1

因为您正在尝试访问父级的下一个元素您可以通过 id 访问该元素

 $(document).on('click', '.questions', function() {
   $(this).replaceWith($('<p id="selected">' + this.innerHTML + '</p>'));  
   $("#selected").next().css("border", "1px solid red");
 });