jQuery：如何从父母那里找到兄弟姐妹

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

Answer 2

试试，

$('div:has(:radio[rel="first"])')
    .nextAll('div:has(:radio:not(:disabled))')
      .find(':radio')

DEMO

Answer 3

你可以试试下面的代码

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