javascript - 使用 jQuery 获取 Div 中特定类型的元素

Question

我有一个动态生成的 HTML 页面。 HTML 的粗略版本如下所示:

<div id="brotherDiv">
  <input type="radio" name="myOtherGroup" value="A" />
  <input type="radio" name="myOtherGroup" value="B" />
</div>
<div id="myDiv">
  <input type="radio" name="myGroup" value="1"></input>
  <input type="text" id="myText" name="myText"></input><br />

  <input type="radio" name="myGroup" value="2"></input>
  <input type="text" id="myText2" name="myText2"></input><br />

  <input type="radio" name="myGroup" value="3"></input><br />

  <input type="radio" name="myGroup" value="4"></input>
</div>
<div id="sisterDiv"></div>

我正在努力

1. 获取myDiv中的所有单选按钮
2. 获取#1 结果中所选单选按钮的索引。

有没有办法在 jQuery 中执行这种类型的查询？如果是这样，怎么办？目前，我已经

var rbs = $("input[name='myGroup']");

我觉得我已经很接近了。

Answer 1

我建议:

var rbs = $("#myDiv input[name='myGroup']:checked"),
    index = rbs.index(),
    // amongst its siblings, or:
    inputIndex = rbs.index('input[name="myGroup"]');
    // amongst other input elements of the same group

引用文献:

• CSS:
  • Attribute presence and value selectors .
  • :checked pseudo-class .
• jQuery:
  • index() .