javascript - 将类添加到父级span元素jquery

Question

我正在尝试将复选框父元素(span)的类更改为已选中。我正在关注these steps但收到错误:

$checkbox.parentNode.addClass 不是函数 在 HTMLInputElement 处。

这是website

JS代码如下:

<script type="text/javascript">
        document.getElementById("generateVin").addEventListener("click", function(){

                var $checkbox = document.querySelectorAll("input[type='checkbox']")[1];
                var $span=$checkbox.closest("span");
                $checkbox.parentNode.addClass("checked");

});
        </script>

Answer 1

您将 jQuery 与普通 JavaScript 混合在一起。 .addClass() 是一个 jQuery 方法，这意味着它只能在 jQuery 元素上调用。

$checkbox.parentNode 不是 jQuery 元素，而是标准 JS 元素。

如果您决心使用 jQuery，那么强烈建议您“一路走下去”，而不是来来回回。代码看起来更像这样:

$("#generateVin").on("click", function() {
    var $checkbox = $("input[type=checkbox]").eq(1);
    var $span = $checkox.closest("span");    //This doesn't seem to be needed
    $checkbox.parent().addClass("checked");
});

• 使用 jQuery 选择器语法来定位 generateVin:$("#generateVin")

• 使用的 jQuery 事件处理程序:.on("click", function() { ... })

• 使用 jQuery 选择器和 .eq() 将 $checkbox 转换为 jQuery 元素: var $checkbox = $("input[type=checkbox]").eq(1);

• 使用了 jQuery 的 parent()代替 parentNode