在 javascript 中添加 css class

Question

我在 jquery 中遇到問題，我想在正文標簽中添加 css test class。

我的代碼

(function($) {  

    if($("#root").length){
        $("#root").closest("body").addClass('co_queue_page'); //not working
    }

})(jQuery);

<div class="row">    //react code
 <div id="root">
  <div> 
   <header>
    <div class="container-fluid">...</div>
   </header>
  </div>
 </div>
</div>

我應該怎么辦？ 有人幫幫我嗎？

Answer 1

您不需要使用.closest()方法，HTML 文檔中只有一個標簽，直接選擇<body>即可：

 (function($) { if($("#root").length){ $("body").addClass('co_queue_page'); } })(jQuery);

Answer 2

對於 select <body>元素，使用 jQuery，可以使用：

const element = $(document.body);
const element = $("body");

然后您可以使用.addClass()動態添加您的自定義 class ，如下所示：

element.addClass("co_queue_page");

jQuery 小提琴工作示例

這也可以在沒有任何 jQuery 的情況下完成，通過文檔 object 訪問主體 DOM 元素：

const element = document.body;
element.classList.add("co_queue_page");

Vanilla JS 小提琴工作示例

Answer 3

請添加以下代碼：

$("body").addClass("class_name");

在 javascript 中添加 css class

問題描述

3 個解決方案

解決方案1
1 2020-05-21 08:20:57

解決方案2
0 2020-05-21 08:21:38

解決方案3
0 2020-05-21 10:49:02

在 javascript 中添加 css class

問題描述

3 個解決方案

解決方案1 1 2020-05-21 08:20:57

解決方案2 0 2020-05-21 08:21:38

解決方案3 0 2020-05-21 10:49:02

解決方案1
1 2020-05-21 08:20:57

解決方案2
0 2020-05-21 08:21:38

解決方案3
0 2020-05-21 10:49:02