javascript - jQuery:如何从 parent 那里找到 sibling

Question

如果我有某事。像这样

<div><input rel="first" type="radio" name="x" value="1"></div>
 …
<div><input type="radio" name="x" value="2" disabled></div>
 …
<div><input type="radio" name="x" value="3" disabled></div>
 …
<div><input type="radio" name="x" value="4"></div>

我想在 rel="first"之后找到下一个启用的单选按钮。因为我没有包裹 div，所以有一个简单的方法可以找到

$('input[rel="first"]').nextAll('input:radio').not(':disabled'); 

但我不能得到它们，因为我现在必须用 div 包装输入。

$('input[rel="first"]').parent().nextAll('input:radio').not(':disabled');

也不行。显然 parent() 正在 div 级别上搜索下一个元素。但是如何进入以下div？这个我试过了

$('input[rel="first"]').parent().nextAll('div ~ input:radio').not(':disabled');

但是还是不行

Answer 1

试试这个:

$('input[rel="first"]')
  .parent() //it's parent div
  .nextAll('div') //finds nextAll div
  .children('input:radio') //inside div find input with radio type
  .not(':disabled'); //ensures not disabled