Jquery中，如果HTML父类中的类被激活

jquery, if class in html parent class get active

本文关键字：激活 HTML 如果 Jquery 父类      更新时间：2023-09-26

我已经尝试过了，但是我没有得到结果。我只是在这里创造了我的想法

Html 

<html>
  <div>
    <div class="spinner">
    </div>
  </div>
</html>
Jquery 

if (".spinner"){
this.parent.addClass()
}
else {
this.parent. removeClass() }

我想要的是，如果在html代码中添加了微调器类，则微调器父类可以添加一些css样式。如果从html中删除了微调器类，则微调器父类将从我们添加的内容中取出。我该怎么做呢?

谢谢你的建议。

有几个问题。

首先，将div更改为spinner的类，如下所示:
<div class="spinner">

然后，改变你的jQuery从引用this (JavaScript对象)到$(this) (jQuery对象)，像这样:

if (!$(this).hasClass("spinner")){
    $(this).addClass("spinner"));
}
else {
    $(this).removeClass("spinner"); 
}

HTML:

<div>
<div class="spinner">
</div>

功能:

function updateSpinnerParent(){
    var ref = $(".spinner"),
    cls = "hello";
    if(ref.length > 0){
      // element(s) with class 'spinner' is present
      ref.parent().addClass(cls);
    }else{
      // element(s) with class 'spinner' is not present
      ref.parent().removeClass(cls);
    }
}

当你想要更新父元素时，调用这个函数:

updateSpinnerParent();

试试这个…

var spDiv = $(".spinner");
if (spDiv){
    spDiv.parent().addClass("spinner");
}else {
    spDiv.parent().removeClass("spinner"); 
}

问候。

相关文章：