javascript - 如何在 javascript 的 if else 语句中检查parentNode classList

Question

我有一个函数，每当从特定组中单击复选框时就会调用该函数。 我试图在选中复选框时向输入的父包装器添加一个类，然后在未选中该类时删除该类。 我的问题是，我似乎无法让parentNode 和classList 一起工作。

例如。此代码有效:

$(this.parentNode).css( "border", "3px solid red" );

但是此代码返回未定义的错误

alert($(this.parentNode).classList

对于上下文，这是我最终想要达到的目标:

    if ($(this.parentNode.parentNode).find('.form-type-checkbox').classList.contains("chkbox-checked")) {
      $(this.parentNode.parentNode).find('.form-type-checkbox').removeClass("chkbox-checked");
    } else {
      $(this.parentNode).addClass("chkbox-checked");
    }

Answer 1

我认为最简单的解决方案可能是使用 jQuery 的 ToogleClass() 。请引用以下代码。

$("#id_of_radioButton").click(function(){
  $("#id_of_parentNode").toggleClass("classname");
});