首页 > 解决方案 > JS:在 if 语句中向容器添加类

问题描述

我正在尝试使用 if 语句制作一个小脚本:我希望条件是,如果该类"page-title"包含“欢迎”,它将将该类添加"excluded"到另一个名为"example". 这是我到目前为止没有运气尝试过的 js 代码:

<script>
        $(document).ready(function(){
            if(".page-title:contains('Welcome')"){
                document.getElementsByClassName("example").addClass("excluded");
            }
            else{
                
            }
        });
    </script>

标签: javascriptjquery

解决方案


这是一个简单的 js 修复

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

<h1 class="page-title">Welcome</h1>
<div class="example"> Example sample div</div>
<script type="text/javascript">
   $(document).ready(function(){

    if($('.page-title').text() == 'Welcome') {
        $('.example').addClass('excluded'); 

    }else{
      // code here 
    }
            
});

</script> 

推荐阅读