Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery,如果html父类中的类处于活动状态_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jquery,如果html父类中的类处于活动状态

Javascript jquery,如果html父类中的类处于活动状态,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试过了,但没有得到结果。 我只是把我的想法写在这里 Html 我想要的是,如果在html代码中添加了spinner类,spinner父类就会添加一些css样式。如果从html中删除了微调器类,那么微调器父类将从我们添加的内容中删除。我该怎么做 谢谢你的建议。试试这个 var spDiv = $(".spinner"); if (spDiv){ spDiv.parent().addClass("spinner"); }else { spDiv.parent().removeCla

我试过了,但没有得到结果。 我只是把我的想法写在这里

Html

我想要的是,如果在html代码中添加了spinner类,spinner父类就会添加一些css样式。如果从html中删除了微调器类,那么微调器父类将从我们添加的内容中删除。我该怎么做

谢谢你的建议。

试试这个

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

一些问题

首先,将您的div更改为spinner的类,如下所示:

<div class="spinner">
if (!$(this).hasClass("spinner")){
    $(this).addClass("spinner"));
}
else {
    $(this).removeClass("spinner"); 
}
HTML:

每当您希望更新父元素时,调用该函数,如下所示:

updateSpinnerParent();

如何删除微调器类?在同一位置删除它时,首先删除它的父类。html中的JavaScript在哪里?可能您正在加载DOM之前执行javascript。
if(ref.length>0)
这行代码的含义是什么?一个非常粗糙的健全性检查-查看jQuery对象是否有任何匹配的元素。文档:
if (!$(this).hasClass("spinner")){
    $(this).addClass("spinner"));
}
else {
    $(this).removeClass("spinner"); 
}
<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();