如何从 jquery 中的每个函数获取单选按钮索引号

Question

当在jquery中使用each()函数来处理一组（比方说）3个单选按钮时，如何检索第三个按钮，以便在检查时发生一些事情？ 基本上我如何从each()函数中选择我想要使用的元素？

这是我的编码：

HTML：

<form id="orderDefinition" name="orderDefinition">
  <fieldset>
    <input type="radio" name="radioGroup" /><label for="">radio 1</label>
    <input type="radio" name="radioGroup" /><label for="">radio 2</label>
    <input type="radio" name="radioGroup" /><label for="">radio 3</label>    
  </fieldset>
</form>

jQuery：

var radioBtnCollection = $("#orderDefinition input:radio");

$(radioBtnCollection).each(function(){
    // From here, I don't know how to get the element
});

提前致谢。

Answer 1

您可以使用 this 引用该元素运算符：

radioBtnCollection.each(function(){
    alert(this.name);
});

或者通过使用提供给函数的参数：

radioBtnCollection.each(function(index, element){
    if (index == 2 && element.checked)
        alert("3rd element is checked!");
});

如果您想对元素执行任何 jQuery 方法，则需要用 jQuery 包装它。对于第一个示例，$(this)，对于第二个示例 $(element)。

您可以使用 :eq(2) 获取第三个单选按钮a>，而不是每个：

if ($("#orderDefinition input:radio:eq(2)")[0].checked)
    alert("3rd element is checked!");

Answer 2

使用 this 包装为 jQuery 对象：

$(radioBtnCollection).each(function(){
    // this points to the element being iterated
    $(this)
});