javascript - jQuery 选择器问题

Question

<input type="radio" id="rad1" name="group" value="one">First Option</input><br>
<input type="radio" id="rad2" name="group" value="two">Second Option</input><br>
<input type="radio" id="rad3" name="group" value="three">Third Option</input><br>

<br>

<input type="radio" id="rad7" name="group2" value="one">First Option</input><br>
<input type="radio" id="rad8" name="group2" value="two">Second Option</input><br>
<input type="radio" id="rad9" name="group2" value="three">Third Option</input><br>

以下语句是true

$('[value="one"]').length == 2

$('[name="group2"]').length == 3

那怎么会..

$('[value="one"]',$('[name="group2"]')).length == 0

？

我本以为这应该有效地在所有元素中查找 name==group2对于 value=="one" 的元素即1 。为什么情况并非如此？

Answer 1

此选择器使用范围/上下文的第二个参数:

$('[value="one"]', $('[name="group2"]'))

尝试查找[value="one"]派生[name="group2"]元素的元素。这意味着您最终会在 DOM 中向下查找至少两层不同的元素。

在您的情况下，您的单选按钮具有这两个属性，因此您希望附加两个属性选择器(我添加 input 只是为了节省 jQuery 的一些工作):

$('input[name="group2"][value="one"]')