如何删除现有代码（wordpress）中 class 的值？

Question

我需要删除 class 中的 'mylogin'。
我尝试了以下代码，但它没有删除 'mylogin'.
请告诉我如何删除它好吗？

现有代码：

<div class="elementor-column elementor-element-84c7af1 mylogin" data-id="84c7af1" 
data-element_type="column" id="my-checkout">

我试过：

<?php
 echo '<script>';
 echo 'function myFunction() { var element = document.getElementById("my-checkout"); ';
 echo 'element.classList.remove("mylogin");}'; 
 echo '</script>';

谢谢。

Answer 1

您需要一些东西来执行您创建的 JS 函数。包裹在方括号中，然后使用方括号执行是它将如何被解雇。

例如

function(){ alert("I won't do anything until requested"); }

(function(){ alert("I get fired immediately"); })();

如果当前 url/slug 包含 my-pay.

，下面将添加 JS 块

$removeMyLoginJs = <<<EOD
<script>
    (function myFunction() {
        var element = document.getElementById("my-checkout");
        element.classList.remove("mylogin");
    })();
</script>
EOD;

global $wp;
$currentSlug = add_query_arg([], $wp->request);

if(strpos($currentSlug, "my-pay") !== false){
    echo $removeMyLoginJs;
}

如何删除现有代码（wordpress）中 class 的值？

How to remove value of the class in an existing code (wordpress)?

javascript

php

wordpress

attributes