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 =＆＃34; first＆＃34;之后找到下一个启用的radiobutton一。因为我没有包裹div，所以有一种简单的方法可以找到

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

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

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

也不工作。显然，parent（）正在div级别上搜索下一个Element。但如何进入以下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()

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

3 个答案:

DEMO