jquery - 使用 jQuery 选择多个单选按钮组中的第一个单选按钮

Question

我想自动选择多个单选按钮组中的第一个单选按钮。

<div class="element">
<input type="radio" name="group1" value="1">
<input type="radio" name="group1" value="2">
<input type="radio" name="group1" value="3">
</div>

<div class="element">
<input type="radio" name="group2" value="1">
<input type="radio" name="group2" value="2">
<input type="radio" name="group2" value="3">
</div>

事情是这样的，虽然这有效:

$('.element').each(function(){
    $(this).find('input[type=radio]:first').attr('checked', true);
});

我不明白为什么我不能使用 :first 选择器使用each()方法让它工作

下面的代码不起作用:它只选择第一个 div 中的第一个单选按钮，你能告诉我为什么吗？

$('.element input[type=radio]:first').each(function(){
    $(this).attr('checked', true);
});

谢谢

Answer 1

第一个选择器循环遍历每个.element。第二个选择器循环遍历每个元素 input[type=radio]:first，它仅包含一个元素。

我已将您的代码翻译为人类可读的序列:

1. 选择.element
   遍历每个.element
   查找第一次出现的 radio 输入元素
   设置检查=true。
2. 选择第一个无线输入元素，它是 .element 的子元素。
   循环遍历与选择器匹配的每个元素(仅一个)
   设置 checked=正确。

<小时/>替代方法:

//Alternative method
$('element').each(function(){
    $('input[type=radio]', this).get(0).checked = true;
});

//Another method
$('element').each(function(){
    $('input[type=radio]:first', this).attr('checked', true);
});