选择元素类型jQuery的第一个子节点的最快方法

Question

我有自定义样式复选框的以下设置：

<div class="btn-custom-checkbox-container" style="margin-top: 10px; text-align: left;">
    <span class="button-checkbox">
        <button type="button" id="cantAttend<?php echo $n; ?> onclick="this.blur();" class="btn customCheckbox cantAttendCheckboxButton">
            <span class="glyphicon glyphicon-unchecked checkboxView"></span>
            I cannot attend this conference
        </button>
        <input id="" type="checkbox" class="hidden cantAttendCheckbox" title="">
     </span>
</div>

我将此作为jQuery来控制切换span上的字形，以显示是否勾选了复选框：

$(".customCheckbox").click(function () {
    $(this).find("span").first().toggleClass('glyphicon-check glyphicon-unchecked');
});

这是选择必要跨度的最快方法吗？有一百万种不同的选择方式，但我想要一个明确的答案，就是“最好”的方式......

Answer 1

尝试以下代码进行快速选择

$(".customCheckbox > span ").click(function () {
    $(this).toggleClass('glyphicon-check glyphicon-unchecked');
});