javascript - JQuery .find() 可以通过 id 查找，但不能通过类查找

Question

我使用 Jquery 创建了以下 DOM:

<div id="d0" class="choiceDiv">
    <input type="checkbox" id="cb0" class=".userCheckBox" value="Option 1" checked="checked">
    <input type="hidden" id="h0" class=".userCheckBoxHidden" value="true">
    <label for="cb0">Option 1</label>
</div>

我已将 CSS 标签应用到 DOM 中的元素，此时 CSS 类中没有任何属性。

一个 div 中大约有 17 个这样的元素。加载页面后，我想重新加载每个复选框的当前选中值。当我遍历每个代码时，我尝试在 DOM 上使用 .find() 函数:

$('.choiceDiv').each(function(e){

当我尝试按类查找时，

$(this).find('.userCheckBox');

我得到以下失败对象:

init [prevObject: init(1), context: div#d0.choiceDiv, selector: ".userCheckBox"]
context: div#d0.choiceDiv
length: 0
prevObject:init [div#d0.choiceDiv, context: div#d0.choiceDiv]
selector:".userCheckBox"
__proto__:Object(0)

当我尝试通过 ID 查找时，

$(this).find('#cb'+e)[0];

我得到了我要找的东西:

<input type="checkbox" id="cb0" class=".userCheckBox" value="Option 1" checked="checked">

我希望按类提取对象，以确保我始终获得所需的输入类型。有人可以解释为什么在这种情况下我可以使用带有 ID 而不是 Class 的 .find() 吗？我试着用 this post 弄明白了但无法让它工作。

Answer 1

只需从类属性中删除句点即可。例如:

<input type="checkbox" id="cb0" class="userCheckBox" value="Option 1" checked="checked">

可以通过 .find('.userCheckBox') 找到或 .find('#cb0') .