javascript - Jquery特选

Question

我有以下 html 代码:

<div class="Radios">
     <span class="radio">
          <input type="radio" value="1"> yes
          <input type="radio" value="0"> no
     </span>
</div>
<div class="More">hello</div>
<div class="More">hello</div>

<div class="Radios">
     <span class="radio">
          <input type="radio" value="1"> yes
          <input type="radio" value="0"> no
     </span>
</div>
<div class="More">hello</div>

<div class="Radios">
     <span class="radio">
          <input type="radio" value="1"> yes
          <input type="radio" value="0"> no
     </span>
</div>
<div class="More">hello</div>
<div class="More">hello</div>
<div class="More">hello</div>

默认情况下，所有带有 class=more 的 div 都应该被隐藏。我使用 $('div.More').hide()

困难的是，当用户单击值为“1”的单选按钮时，应显示所有 div.Radios 的下一个同级 div.Radios(但仅显示中间同级，而不是所有 div.More)。

到目前为止，我单击了一个元素的父元素，但无法选择下一个 div。更多元素，直到下一个 div.Radios。

你能帮我一下吗？

致以诚挚的问候。

何塞

Answer 1

but i cannot select the next div.More elements until the next div.Radios.

使用nextUntil() :

$('input[type=radio][value=1]').click(function () {
    $(this).parents('.Radios').nextUntil('.Radios').show();
}