将类添加到父范围元素jQuery

Question

我正在尝试将复选框父元素（跨度）的类更改为选中。 我正在按照以下步骤操作，但出现错误：

$ checkbox.parentNode.addClass不是HTMLInputElement的函数。

这是网站

这是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转换$checkbox jQuery元素： var $checkbox = $("input[type=checkbox]").eq(1);

• 使用jQuery的parent()代替parentNode