如何使用jQuery选择器向元素添加CSS类？

我对JavaScript和jQuery非常陌生，对选择器有点困惑。现在我相信你们都是大师，会发现这件小事，所以希望你们能帮上忙

我有这个HTML：

  <div class="class0">
    <div class="class1">
      <div class="class2">
        <div class="class3">Field 1:</div>
           <label class="class4">
               <input name="field" type="text" class="class5" />
           </label>

---

但是它似乎不起作用-类1起作用，而其余的不起作用？

如果你只针对一个家长，那么就使用.closest而不是parents

此外，如果您知道具有类的元素的节点类型，则最好在选择器前面加前缀。在这种情况下，它们看起来都像div

尝试：

---

我认为应该是：

jQuery('.class1').parents().addClass("special_class");
jQuery('.class3').parents().addClass("special_class_1");
jQuery('.class5').parents().addClass("special_class_2");

甚至像这样：

$('.class1').parents().addClass("special_class");
$('.class3').parents().addClass("special_class_1");
$('.class5').parents().addClass("special_class_2");

$('div.old_class').addClass('new_class');

$('div.old_class').parent().addClass('new_class')

---

由于$variable在初始化时设置为jQuery。

如果要将'new\u class'与'old\u class'一起添加到div中，您应该执行以下操作：

$('.class1').parents().addClass("special_class");
$('.class3').parents().addClass("special_class_1");
$('.class5').parents().addClass("special_class_2");

$('div.old_class').addClass('new_class');

$('div.old_class').parent().addClass('new_class')

---

如果要将“new_class”添加到具有“old_class”的div的父级，应执行以下操作：

$('.class1').parents().addClass("special_class");
$('.class3').parents().addClass("special_class_1");
$('.class5').parents().addClass("special_class_2");

$('div.old_class').addClass('new_class');

$('div.old_class').parent().addClass('new_class')

---

我知道已经找到了在这些div上更改类的解决方案，但我认为需要指出的是，在上面的示例中，以下是正确的：

class=class5的输入是“this”对象，而不是父对象，因此使用parent.class5时选择器将找不到它

在层次结构中，class=class3的div被关闭，因此不是“input.class5”的父级。相反，class=class3的div是示例中标签的同级

因此，以下方法可能会奏效：

jQuery(this).parents('.class2').addClass("special_class_1");

---

请记住树状结构，如果要使用父级或类似结构，请解释上下文。这是什么？这是什么？这是什么地方？@philippe，@Daniel“这”是获得关注的元素