如何选择具有相同类的下一个元素？

Question

我的问题由两部分组成:

1. 如何选择具有相同类的下一个元素并隐藏前一个元素？
2. 如何在每个输入中添加隐藏值,按下按钮的值？假设我按下"否"等级的按钮.我想要'不'进入它的输入隐藏价值的问题.怎么做？

非常感谢.任何形式的帮助将不胜感激.

这是我到目前为止:

HTML:

$('.answer_buttons a').on('click', function(e){
    e.preventDefault();
    $('.selected').removeClass('selected').hide().next().show().addClass('selected');
    $.ajax({
        type: "POST",
        url: '',
        data: {},
        success: function(msj){
            //alert('test');
            //console.log(msj);
        }
    });
});

<form action="" method="post">
  <input name="intr1" value="" type="hidden">
  <p class="question selected" id="intreb_1">
    Intrebarea 1?</p>
  <input name="intr2" value="" type="hidden">
  <p class="question " id="intreb_2">
    Intrebarea 2?</p>
  <input name="intr3" value="" type="hidden">
  <p class="question " id="intreb_3">
    Intrebarea 3?</p>
  <input name="intr4" value="" type="hidden">
  <p class="question " id="intreb_4">
    Intrebarea 4?</p>
  <input name="intr5" value="" type="hidden">
  <p class="question " id="intreb_5">
    Intrebarea 5?</p>
  <div class="answer_buttons">
    <a class="nu" href=""></a>
    <a class="da" href=""></a>
  </div>
</form>

Answer 1

看来你想要选择.question当前.question.selected元素的下一个兄弟.为此,您可以使用.nextAll()和.first()方法:

$('.selected').removeClass('selected')
              .hide()
              .nextAll('.question')
              .first()
              .show()
              .addClass('selected');

并且要input使用classNameclicked元素更新前一个兄弟的值,您可以使用.prev()和.val()方法.

$('.selected')...
              .addClass('selected')
              .prev('input')
              .val($(this).hasClass('nu') ? 'no' : 'yes');